Получение значений формы и использование их для сравнения в Javascript

Question

Я пытаюсь создать игру на основе HTML. Предполагается, что игра использует тег или тег для приема данных от пользователя. Я хотел бы затем назначить данные, введенные в переменную в Javascript для сравнения. Затем сравнение будет использовано для изменения страницы, в результате чего будет отображаться следующая часть игры. Как я могу присвоить значение ввода, которое пользователь вводит в переменную Javascript для сравнения?

Я думал что-то вдоль линий:

function(){ 
    document.getElementByID("submit"); 

} 

будет работать в этой ситуации, но я не уверен.

код у меня уже есть довольно просто, как вы можете увидеть здесь: Fiddle

Я довольно новыми для JS/JQuery, так что простите меня, если этот вопрос просто невероятно легко ответить!

Answer 1

Есть много способов сделать это.

Кажется, что вы идете, используя кнопку, чтобы сказать «прочитайте мой ввод сейчас».

В этом случае вы можете добавить обработчик события к кнопке, чтобы прочитать, что там находится.

Смотрите следующее:

<h3>You've entered a dungeon. Do you want to CONTINUE or EXIT?</h3> 
<div id="actionInterface"> 
    <input type="text" id="myInput" value="User"/> 
    <button id="clickMe">Enter Option</button> 
</div> 
<script> 
    var myVar; 
    $("#clickMe").click(function(){ 
     myVar = $("#myInput").val();  
     alert(myVar); 
    }); 
</script> 

Answer 2

Это поместит значение объекта в переменную:

function(){ 
var x = document.getElementById("my_object").value; 
}