Question

我正在学习JS以及如何添加数组元素。我希望将表单中提交的信息作为新的数组元素并将其显示在下面。无法使用JS找到实现它的方法。有人可以帮忙吗？到目前为止找到我的代码，这不起作用：

＆＃13;

   <!DOCTYPE html>
    <html>
      <body>
        <form>
          New array element:<br>
          <input id="age" type="text" name="firstname" value="">
          <br>
          <br>
          <input type="submit" value="Submit" onclick="myFunction()">
        </form> 
        <p id="demo"></p>

        <script>
          var fruits = ["Banana", "Mango", "Apple"]
          var newArray = document.getElementById("age").value;
          fruits.push(newArray);
          document.getElementById("demo").innerHTML = fruits;
        </script>
      </body>
    </html>

＆＃13;

谢谢！

Answer 1

您在单击按钮时调用myFunction（），但在＆lt; scripts＆gt;中没有myFunction（）的函数声明。＆lt;！DOCTYPE html＆gt; ＆LT; HTML＆GT; ＆LT;身体GT; 新数组元素：＆lt; br＆gt; ＆lt; input id =“age”type =“text”name =“firstname”value =“”＆gt; ＆LT峰; br＆GT; ＆LT峰; br＆GT; ＆lt; input type =“button”value =“Submit”onclick =“myFunction（）”＆gt; ＆lt; p id =“demo”＆gt;＆lt; / p＆gt; ＆LT;脚本＆GT; var fruits = [“Banana”，“Mango”，“Apple”]; function myFunction（）{ var newArray = document.getElementById（“age”）。value; fruits.push（newArray）; document.getElementById（“age”）。value =“”; document.getElementById（“demo”）。innerHTML = fruits; } ＆LT; /脚本＆GT; ＆LT; /体＆GT; ＆LT; / HTML＆GT; 编辑制作水果阵列作为全球，即移动var fruits = [“Banana”，“Mango”，“Apple”];根据OP的要求，在功能之外。

Answer 2

您需要定义myFunction()

的行为

<!DOCTYPE html>
<html>

    <body>
        <form onsubmit="myFunction()">New array element:
            <br>
            <input id="age" type="text" name="firstname" value="">
            <br>
            <br>
            <input type="submit" value="Submit">
        </form>
        <p id="demo"></p>
        <script>
            function myFunction() {
                var newArray = document.getElementById("age").value;
                fruits.push(newArray);
                document.getElementById("demo").innerHTML = fruits;
            }
            var fruits = ["Banana", "Mango", "Apple"];
            myFunction(); // initialize demo innerHTML
        </script>
    </body>

</html>

从表单提交

2 个答案: