Javascript 文本框 - 查找最低输入和填充

Question

好的，这就是我想要做的。我有两个文本框，用户将在每个文本框中输入一个数字。然后，当他们单击该按钮时，应该会出现第三个文本框，其中包含最小的数字。

我的文本框出现了，但我无法获得与之一起出现的最低数字。到目前为止，这是我的代码。

<html>
   <head></head>
   <body>
      <script>

         function addTextBox() {
         var element = document.createElement("input");

         element.setAttribute("type", "text");
         element.setAttribute("id", "Text3");
         document.body.appendChild(element);

         fill();
         }

         function fill() {
         value = Math.min(document.getElementById("Text1").value, document.getElementById("Text2").value);
         }

      </script>
      <form>
         <input type="text" id="Text1" value="Number 1">
         <input type="text" id="Text2" value="Number 2">
        <input type="button" onclick="addTextBox()">
      </form>
   </body>
</html>

Answer 1

你没有设置输入值，只是计算出来的。所以正确的 addTextBox() 函数应该是：

function addTextBox() {
    var element = document.createElement("input");

    element.setAttribute("type", "text");
    element.setAttribute("id", "Text3");
    document.body.appendChild(element);

    element.value = Math.min(document.getElementById("Text1").value, document.getElementById("Text2").value);
}

确保在输入中输入数字，否则你会得到 NaN。

Javascript 文本框 - 查找最低输入和填充

Javascript textboxes - Finding lowest input and filling

javascript

textbox