Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/469.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何创建HTML<;输入>;将所有数据保存到JS变量的提交按钮?_Javascript_Html - Fatal编程技术网

Javascript 如何创建HTML<;输入>;将所有数据保存到JS变量的提交按钮?

Javascript 如何创建HTML<;输入>;将所有数据保存到JS变量的提交按钮?,javascript,html,Javascript,Html,我知道我可以在HTML中创建多种类型的选项、问题、复选框和按钮。如何保存用户输入的响应并将其分配给变量?下面是我现在使用的代码: HTML: 当点击HELLO按钮,然后通过ID“questionOne”识别响应并创建带有variablev值的提示时,它不应该激活该函数吗?我不明白为什么它不起作用 我不熟悉JS和HTML,所以如果这是一个简单的答案,请不要发疯。谢谢。您只需将事件侦听器添加到您的输入中即可。 像 这将把提示的答案保存到“somevariable”中。我认为您的问题与事物的定义位置有

我知道我可以在HTML中创建多种类型的选项、问题、复选框和按钮。如何保存用户输入的响应并将其分配给变量?下面是我现在使用的代码:

HTML:

当点击HELLO按钮,然后通过ID“questionOne”识别响应并创建带有variablev值的提示时,它不应该激活该函数吗?我不明白为什么它不起作用


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

您只需将事件侦听器添加到您的输入中即可。 像


这将把提示的答案保存到“somevariable”中。

我认为您的问题与事物的定义位置有关。不要使用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">


试试看,这似乎是一个很好的表单用例?选择答案时,您可以将其存储到数组中,但不希望变量的值成为对提示的响应。我希望它是对输入的响应。提示只是查看变量值是否更改的一种方式。它工作得很好,谢谢!但这是否意味着变量questionOne的值就是我回答问题时所用的值?如果我对问题的回答是“hello”,那么变量questionOne==“hello”?您的意思是要将输入questionOne值设置为他们在提示中输入的值?然后执行如下操作:var hotel=prompt(document.getElementById(“questionOne”).value);document.getElementById(“问题一”).value=hotel;如果您实际上试图让他们在文本框中输入酒店名称,并保存该值,那么在函数中您可以只使用var hotel=documen‌​t、 getElementById(“qu‌​只要看到你在下面的答案中的评论,如果你只想看到它,请使用警告而不是提示,这样你就不会把我们搞糊涂了!或者只是console.log(),我想出来了,谢谢!我把所有提示都改成了提醒。
document.getElementById('questionOne').addEventListener('input',function(){
    var somevariable = prompt(this.value,'');
});
document.getElementById ("bar").addEventListener ("click", foo);

function foo() {
    prompt(document.getElementById("questionOne").value);
}
<input type="button" id="bar" value="HELLO">