将新项添加到两个不同的ID

Question

我正在使用w3school的代码来完成我自己的项目https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_todo

单击两个不同ID的添加按钮时,如何将结果放入

<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>

Answer 1

你必须li在追加之前创建element().同样在第一个解决方案中,您没有使用名称创建任何函数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>