Есть ли способ взять пользовательский ввод и превратить его в переменную для JS?

Question

У меня сейчас есть веб-страница, и я хочу, чтобы пользователь мог ввести свое имя и возраст.После того, как они это сделали, они нажимают кнопку «Отправить», и для первого ввода задается имя переменной, а во втором поле ввода - переменная.Возможно ли это?

Вот что я пробовал

<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>