how to get input javascript code example

Example 1: Javascript get text input value

var inputValue = document.getElementById("myTextInputID").value;

Example 2: 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 3: input in javascript

Input Text Object
The Input Text object represents an HTML <input> element with type="text".

Access an Input Text Object
You can access an <input> element with type="text" by using getElementById():

Example
var x = document.getElementById("myText");
Tip: You can also access <input type="text"> by searching through the elements collection of a form.

Create an Input Text Object
You can create an <input> element with type="text" by using the document.createElement() method:

Example
var x = document.createElement("INPUT");
x.setAttribute("type", "text");

Tags:

Html Example

Recent Posts