Answers for "how to get value from html input using js"

3

get value of input js

<!-- for simplicity's sake, I have the js code and html in the same file -->
<!-- if you want to, you can add the js in another file and make a <script> tag and link it up to the html file -->

<html lang="en">
<head>
<meta charset="utf-8">
<title>Get Text Input Field Value in JavaScript</title>
</head>
<body>
    <input type="text" placeholder="Type something..." id="myInput">
    <button type="button" onclick="getInputValue();">Get Value</button>
    
    <script>
        function getInputValue(){
            // Selecting the input element and get its value 
            var inputVal = document.getElementById("myInput").value;
            
            // Displaying the value
            alert(inputVal);
        }
    </script>
</body>
</html>
Posted by: Guest on June-30-2021
1

js get value from form input

// having form like this

<form>
  <div>
  	<label for="number">Give me number</label>
	<input type="number" id="number">
  </div>
  <div>
    <button class="btn">Click</button>
  </div>
</form>

// this is how u get a value (number)
document.querySelector("form").addEventListener("submit", get_number);
function get_number(e){
    const n = document.getElementById("number").value;
    console.log('n:', n)
    e.preventDefault();
}
Posted by: Guest on September-07-2020

Code answers related to "how to get value from html input using js"

Code answers related to "Javascript"

Browse Popular Code Answers by Language