使用相同的Javascript函数向数组中添加多个项
我是一名学习基本JS的学生,我正在尝试创建一个网页,根据输入框中输入的数字显示一个数组。到目前为止,我已经能够创建一个函数,将单个项添加到数组中,但是如果您尝试向数组中添加第二个数字,则该函数不起作用。我不确定我的格式是否正确。这是我目前掌握的代码:使用相同的Javascript函数向数组中添加多个项,javascript,html,arrays,function,Javascript,Html,Arrays,Function,我是一名学习基本JS的学生,我正在尝试创建一个网页,根据输入框中输入的数字显示一个数组。到目前为止,我已经能够创建一个函数,将单个项添加到数组中,但是如果您尝试向数组中添加第二个数字,则该函数不起作用。我不确定我的格式是否正确。这是我目前掌握的代码: HTML: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Numbers</title>
<!--Bootstrap and CSS Links-->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="styles.css">
</head>
<body>
<section>
<header class="header m-2">Week 8 Assignment</header>
<section class="row m-2">
<label class="inputLabel">Number: <input type="number" id="numInput"></label>
</section>
<button class="button m-1" onclick="displayText(); addNum();">Add Number</button>
<button class="button m-1" disabled>Calculate</button>
<button class="button m-1">Reset</button>
</section>
<section>
<div class="numLabel m-2" id="numLabel">Numbers Added: </div>
<p class="m-2 mt-3" id="numValue"></p>
</section>
<script src="script.js"></script>
</body>
</html>
请参见Array.splice请参见Array.splice
JS:
//Display "Numbers Added: "
function displayText() {
document.getElementById("numLabel").style.display = "block";
}
//Add the entered value into the array
function addNum() {
let num = document.getElementById("numInput").value;
let numArray = [];
numArray.push(document.getElementById("numValue").innerHTML = num);
}