如何获取输入以及何时按下提交按钮将其置于变量中？

Question

Lets say I got some HTML like this

<input type="text" placeholder="Enter Mineral">
<input type = "submit">

I have no idea how to put what is in the text into a javascript variable when the submit button is pressed. I'll use jQuery if that makes it easier.

Answer 1

Use .val() to fetch the value of the input field.

$("input[type=submit]").click(function(e){

   e.preventDefault(); // <-------- To stop form submission
   var txt = $("input[type=text]").val(); // <----- Fetch value of input field
   console.log(txt) // <----------- Check console has the value of the input field.

});