Q:

How to Get the Value of Text Input Field Using JavaScript

mhmadesk
Save to bookmark
|
2022-05-18
|
  348 
Very Easy
0

How to Get the Value of Text Input Field Using JavaScript

JavaScript programming,
login and add your own answer to this question

All Answers

mhmadesk
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

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">
<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>

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

JavaScript / jQuery Frequently Asked Questions
This question belongs to these collections

Similar questions

need a help?

find thousands of online teachers now
Automatically Adjust iFrame Height According to it... >>
<< How to Add New Elements at the Beginning of an Arr...