javascript - 单击按钮检索值

这是我的代码，我想获取myText的值。我尝试使用appendChild，但是它不起作用。单击按钮时如何获得myText值？

<div class="tut">
  <input type="text" name="" id="myText" style="padding: 2px; font-size: 18px; outline: none;">
  <input type="submit" name="" id="myBtn" onclick="myFunc()" style="padding: 2px; font-size: 18px;">
  <ul id="myList">
    <li>Coffe</li>
    <li>Tea</li>
  </ul>
  <script type="text/javascript">
    function myFunc() {
      var = document.getElementById("myText").value;
      document.getElementById("myList").appendChild();
    }
  </script>
</div>`

最佳答案

在var之前，在=之前应该有一个标识符来标识变量。

使用<li>创建一个document.createElement()元素，将.textContent设置为上一行的变量标识符。

将创建的li元素传递给.appendChild()。

favorite
<div class="tut">
  <input type="text" name="" id="myText" style="padding: 2px; font-size: 18px; outline: none;">
  <input type="submit" name="" id="myBtn" onclick="myFunc()" style="padding: 2px; font-size: 18px;">
  <ul id="myList">
    <li>Coffe</li>
    <li>Tea</li>
  </ul>
  <script type="text/javascript">
    function myFunc() {
      var text = document.getElementById("myText").value;
      var li = document.createElement("li");
      li.textContent = text;
      document.getElementById("myList").appendChild(li);
    }
  </script>
</div>`

关于javascript - 单击按钮检索值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43560869/