how to grab input dom js code example

Example 1: get value from textbox in vanilla javascript

document.getElementById("myText").value = "Johnny Bravo";

Example 2: 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();
}

Tags:

Html Example