Question

我知道我可以使用HTML创建几种类型的选项，问题，复选框和按钮。如何保存用户输入的响应并将其分配给变量？这是我现在正在使用的代码：

HTML：

<input type="text" value="Hotel Name" id="questionOne"><h1 display="block">WHAT IS THE NAME OF THE HOTEL</h1><br>
<input type="button" value="HELLO" onclick="testFunction()">

JS：

function testFunction() {
    prompt(document.getElementById("questionOne").value;);
}

单击HELLO按钮时不应该激活该功能，然后通过ID“questionOne”识别响应并创建一个带有variablev值的提示？我不明白为什么它不起作用。

我是JS和HTML的新手，所以如果这是一个简单的答案，请不要发疯。谢谢。

Answer 1

您可以在输入中添加事件侦听器。像

document.getElementById('questionOne').addEventListener('input',function(){
    var somevariable = prompt(this.value,'');
});

这会将提示的答案保存为'somevariable'。

Answer 2

我认为你的问题与定义的地方有关。而不是使用onclick，在js中添加一个事件监听器。 e.g。

document.getElementById ("bar").addEventListener ("click", foo);

function foo() {
    prompt(document.getElementById("questionOne").value);
}

只需更改按钮即可获得一个id并摆脱onclick：

<input type="button" id="bar" value="HELLO">

如何创建一个HTML <input />提交按钮，将所有数据保存到JS变量？

2 个答案: