gpt4 book ai didi

javascript - 在 Javascript 中附加用户输入的数组

转载 作者:行者123 更新时间:2023-11-30 16:33:35 27 4
gpt4 key购买 nike

大家好,我是 JavaScript 的新手。长话短说,下周我将开始一个网络开发新手训练营,这样我就可以在新年后改变职业。我完全掌握了 HTML 和 CSS,而且我做得有点快。不管怎样,数组是一种让我着迷的“东西”,所以我想我会通过给一些小任务来挑战自己,看看我是否能做到。这个是从用户输入中附加一个数组,然后显示它。我已经研究了一段时间,并通过示例代码和其他论坛进行了搜索,但不知所措。现在我正在使用一个基本的文本编辑器,因为我在“停机时间”工作时做这些,如果你明白我的意思,所以也许这是一个新的眼睛可能会发现的错字。

无论如何,非常感谢任何建议。

<!doctype html>
<html>
<head>


<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>


<body>

<input id="names" />
<button id="nameSubmit">Please Enter A Name</button>
<p id="output"></p>


<script>


document.getElementById("nameSubmit").onclick = function(); {

var nameArray = ["Sean", "Ryan", "Amanda"];
var name = document.getElementById("names").value;

nameArray.push("name");
nameArray.ToString();
document.getElementById("output").innerhtml = nameArray;

}



</script>

</body>

</html>

最佳答案

你有一些基本的错误

nameArray.push("name");  //You are pushing the string name, not the variable
nameArray.ToString(); //Does nothing
document.getElementById("output").innerhtml = nameArray; //there is no innerhtml, case matters.

应该是

nameArray.push(name);  
document.getElementById("output").innerHTML = nameArray.join(",");

现在的问题是您在点击内声明数组,以便它始终重置。如果您不希望它重置,则需要将其移到外面。


var nameArray = ["Sean", "Ryan", "Amanda"];
document.getElementById("nameSubmit").onclick = function() {

var name = document.getElementById("names").value;
nameArray.push(name);
document.getElementById("output").innerHTML = nameArray.join(",");

};
<input id="names" />
<button id="nameSubmit">Please Enter A Name</button>
<p id="output"></p>

关于javascript - 在 Javascript 中附加用户输入的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32998032/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com