How to Get the Value of Text Input Field Using JavaScript


Use the value Property

You can simply use the value property of the DOM input element to get the value of text input field.

The following example will display the entered text in the input field on button click using JavaScript.

<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Get Text Input Field Value in JavaScript</title>
    <input type="text" placeholder="Type something..." id="myInput">
    <button type="button" onclick="getInputValue();">Get Value</button>
        function getInputValue(){
            // Selecting the input element and get its value 
            var inputVal = document.getElementById("myInput").value;
            // Displaying the value