get input from html to 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: get value from textbox in vanilla javascript

document.getElementById("myText").value = "Johnny Bravo";

Example 4: how to take input from form and display in javascript

<html>
<head>
<title>Form Example</title>
<script LANGUAGE="JavaScript" type="text/javascript">
function display() {
  DispWin = window.open('','NewWin', 'toolbar=no,status=no,width=300,height=200')
  message = "<ul><li><b>NAME: </b>" + document.form1.yourname.value;
  message += "<li><b>ADDRESS: </b>" + document.form1.address.value;
  message += "<li><b>PHONE: </b>" + document.form1.phone.value + "</ul>";
  DispWin.document.write(message);
}
</script>
</head>
<body>
<h1>Form Example</h1>
Enter the following information. When you press the Display button,
the data you entered will be displayed in a pop-up window.
<form name="form1">
<p><b>Name:</b> <input TYPE="TEXT" SIZE="20" NAME="yourname">
</p>
<p><b>Address:</b> <input TYPE="TEXT" SIZE="30" NAME="address">
</p>
<p><b>Phone: </b> <input TYPE="TEXT" SIZE="15" NAME="phone">
</p>
<p><input TYPE="BUTTON" VALUE="Display" onClick="display();"></p>
</form>
</body>
</html>

Example 5: 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:

Python Example

Recent Posts