Использование данных формы вместо использования запроса

Question

Недавно я написал код, который вводит пользовательский ввод и выполняет функцию, которая возвращает результат.

Первоначально я собрал вход через окно подсказки.

var a = prompt("What month were you born?"); 
var b = prompt("What day of the month were you born?"); 

Остальная часть кода, который я написал, зависит от этих двух переменных (a и b).

Мой вопрос:

Как прикрепить одни и те же данные по переменным, но вместо того, чтобы использовать подсказку, я хотел бы пользователю заполнить текстовое поле, а затем нажмите кнопку. После того, как они нажмут submit, я хотел бы, чтобы остальная часть кода была выполнена.

У меня возникло очень трудное понимание того, что происходит с данными в поле после нажатия пользователем submit.

Я могу очень легко создать поле с кнопкой отправки. Проблема в том, что кнопка фактически ничего не делает.

Answer 1

Вы можете легко сделать что-то вроде этого:

function doSomething(){ 
 
    var a = document.getElementById('input_a').value, 
 
     b = document.getElementById('input_b').value; 
 
    // code comes here : for example : 
 
    alert(
 
     "You wrote :\n"+ 
 
     a.toUpperCase()+ 
 
     "\n and \n"+ 
 
     b.toUpperCase() 
 
    ); 
 
}

<input type="text" id="input_a"> 
 
<input type="text" id="input_b"> 
 
<input type="button" value="Run" onclick="doSomething();">

Answer 2

Может быть, вы могли бы разместить свой код таким образом мы получаем ясно, что вы пытаетесь достичь. Но от того, как я его понимаю, вы могли бы извлечь данные из формы с помощью

var a = document.getElementById('your_chosen_id_for_a').value; 
 
var b = document.getElementById('your_chosen_id_for_b').value;