javascript - 将新商品添加到两个不同的ID

我将w3school的代码用于我自己的项目https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_todo
当我在两个不同的ID上点击add按钮时，我如何将结果放入

<div id="myDIV" class="header">
  <input type="text" id="myInput" placeholder="Title...">
  <span onclick="newElement()" class="addBtn">Add</span>
</div>

<ul id="myUL">

</ul>

<ol id="yourOL">

<ol>

我试着把这个放在newElement()里面，但没用

else {
    document.getElementById("myUL").appendChild(li);
    document.getElementById("yourOL").appendChild(li);
}

我还尝试在myUl中添加onchange事件，以便innerHTML中的任何内容都与yourOL相同，但也不起作用。

<ul id="myUL" onchange="change">

</ul>

<ol id="yourOL">

<ol>

<script>
  document.getElementById("myUL").addEventListener('change', change);

  function change() {
    let guests = document.getElementById('myUL').value;
      document.getElementById('yourOL') = guests;
  }
</script>

最佳答案

在追加之前，必须创建元素（li）。同样在第一个解决方案中，您没有创建任何名为newElement的函数：

function newElement(){
  var li = document.createElement('LI');
  li.textContent = 'some text';
  document.getElementById("myUL").appendChild(li);
  var li2 = document.createElement('LI');
  li2.textContent = 'some text';
  document.getElementById("yourOL").appendChild(li2);
}

<div id="myDIV" class="header">
    <input type="text" id="myInput" placeholder="Title...">
    <span onclick="newElement()" class="addBtn">Add</span>
</div>

<ul id="myUL">

</ul>

<ol id="yourOL">

<ol>

关于javascript - 将新商品添加到两个不同的ID，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/52351857/