我能'；不知道如何附加用户'；在Javascript中将输入输入到数组中_Javascript_Html_Arrays_Input_User Input

我能'；不知道如何附加用户'；在Javascript中将输入输入到数组中

javascript html arrays input

我能'；不知道如何附加用户'；在Javascript中将输入输入到数组中,javascript,html,arrays,input,user-input,Javascript,Html,Arrays,Input,User Input,我正在处理一个任务，在这个任务中，我需要创建javascript代码，以允许用户输入某些内容并将其附加到数组中。这是HTML： <html lang="en"> <head> <title>Magic 8 Ball!</title> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> &l

我正在处理一个任务，在这个任务中，我需要创建javascript代码，以允许用户输入某些内容并将其附加到数组中。这是HTML：

<html lang="en">
  <head>
    <title>Magic 8 Ball!</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="css/style.css">
  </head>  
  <body>
    <div class="container">
        <h1>Magic 8 ball</h1>
        <h2>Ask your question, then click on the button!</h2>
        <div class="eightBall">
            <div id="output">
                <p id="result">8</p>
            </div>
        </div>
        <div class="inpBox">
            <input type="text" id="inputBox"></input>
            </div>
        <div class="buttons">
            <button id = "addButton" type="button">Add</button>
            <button type="button">Custom</button>
            <button id = "defaultButton" type="button">Default</button>
            <button id = "Ask" type="button">Ask</button>
        </div>
    </div>
  </body>
  <script src="js/main.js"></script>
</html>

除了检查控制台日志以查看customList的值外，其他一切都正常工作，它带来的是实际的输入框本身，而不是其中的文本。控制台日志的图像：

我只需要用户输入一些文本，我将其附加到一个空数组中。它不是采用用户输入的文本，而是采用实际的输入框。

您需要从

value

属性中获取输入值

var inputText = document.getElementById("inputBox");
console.log(inputText.value);

下面的代码只返回对输入的引用，而不是值

var inputText = document.getElementById("inputBox");

要获取

输入的值

，需要从value属性获取该值

var inputText = document.getElementById("inputBox");
console.log(inputText.value);

工作示例：

let customList=[]
让inputText=document.getElementById（“inputBox”）
console.log（customList）；
document.getElementById（“addButton”）.addEventListener（“单击”，函数）（）{
让inputValue=InputExt.value；
如果（输入值）{
customList.push（输入值）；
console.log（customList）；
}
});

单击我
您非常接近，只是缺少了获取文本框的值
属性所需的信息。请参见下面的工作示例

var customList=[“”]
var inputText=document.getElementById（“inputBox”）
console.log（customList）；
document.getElementById（“addButton”）.addEventListener（“单击”，函数）（）{
customList.push（输入文本值）；
console.log（customList）；
});

添加