get input of a input tag in js code example

Example 1: get value javascript

<!DOCTYPE html>
<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>

Example 2: javascript get value of input on button click

<form action="/">
  <label for="">Whatever you want</label>
  <input type="text" id='form'>
  <input type="submit" id="submit">
</form>

<script>
  const btn = document.getElementById('form');
  
  btn.addEventListener('click', (e) => {
  	e.preventDefault(); // disable the refresh on the page when submit
    const value = document.getElementById('submit').value;
    
    console.log(value);
  });
</script>

Tags:

Javascript Example

Recent Posts