Answers for "get input value on button click javascript"

5

get input value on button click javascript

<!--
This is example is with a number...
But you can do it with whatever input type you want
-->
<input type="number" name="numberInput" id="numberInput" max="20" min="1" step="1">
<button type="button" onclick="myFunction()">sumbit</button>

<script>
  function myFunction() {
    let tokenAmount = document.getElementById("numberInput").value;
    return // whatever you want to do with it
  }
</script>
Posted by: Guest on September-15-2021
1

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>
Posted by: Guest on January-25-2021
18

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>
Posted by: Guest on April-16-2020
6

get value from textbox in vanilla javascript

document.getElementById("myText").value = "Johnny Bravo";
Posted by: Guest on May-25-2020

Code answers related to "get input value on button click javascript"

Browse Popular Code Answers by Language