Question

我目前有一个网页，希望用户能够输入他们的姓名和年龄。完成此操作后，他们点击了Submit，第一个输入设置为var name，第二个输入框设置为var age。这可能吗？

这就是我尝试过的

<form>
    <input type="text" Name:"firstname"><br>
    <input type="text" Age:"age"><br>
    <input type="submit" value="Done">
</form>

我不确定如何将输入设置为值。

Answer 1

首先-您的HTML标记不正确。我真诚地建议您仔细阅读。

https://www.w3schools.com/html/default.asp 和 https://www.w3schools.com/js/default.asp 要么您选择的任何其他网站。

其次-纠正标记后-您可以执行以下操作：

<input type="text" id="firstname">
<input type="text" id="age">
<input type="button" id="submit" value="Set The Variables">

<script>
//Get the dom element you want to listen to and attach a click event
document.getElementById("submit").addEventListener("click", setVars); 


function setVars(){
//Set the variables
var firstname = document.getElementById("firstname").value;
alert ("Vars Set :" + firstname);
}
</script>

有没有办法接受用户输入并将其转换为JS变量？

1 个答案: