在js中，我如何在另一个水龙头上使用我的待办事项列表？

const todoList = [
  { id: 1, task: '完成作业', completed: false },
  { id: 2, task: '购买杂货', completed: true },
  { id: 3, task: '锻炼身体', completed: false },
];

const faucet = document.getElementById('faucet'); // 获取水龙头元素

// 渲染待办事项列表
todoList.forEach(todo => {
  const todoItem = document.createElement('div');
  todoItem.innerHTML = `
    <input type="checkbox" ${todo.completed ? 'checked' : ''}>
    <span>${todo.task}</span>
  `;
  faucet.appendChild(todoItem);
});

function renderTodoList(todoList) {
  const faucet = document.getElementById('anotherFaucet'); // 获取另一个水龙头元素

  // 渲染待办事项列表
  todoList.forEach(todo => {
    const todoItem = document.createElement('div');
    todoItem.innerHTML = `
      <input type="checkbox" ${todo.completed ? 'checked' : ''}>
      <span>${todo.task}</span>
    `;
    faucet.appendChild(todoItem);
  });
}

renderTodoList(todoList);