Category: Vanilla Javascript
Added: 15th of October 2018
Updated On: 3rd of December 2023
Viewed: 3,193 times
This article was updated and rechecked on 3rd of December 2023
Using document.getElementByID() in javascript to send form data
The code below takes the form input and displays the result by using the document.write() comment.
Example 2: Using document.write() command in Javascript
Create a new .html document on your desktop, and rename the file example2.html
Open the document in your text editor and copy and paste the following code.
<form method="post" action="#" onSubmit="submit_form();">
First Name: <input type="text" name="first_name" id="fn" value=""
>
<input type="submit" name="submit" value="Submit Form">
</form>
<script>
function submit_form()
{
var first_name = document.getElementById('fn').value;
document.write("Hello ", first_name);
}
</script>
First Name: <input type="text" name="first_name" id="fn" value=""
>
<input type="submit" name="submit" value="Submit Form">
</form>
<script>
function submit_form()
{
var first_name = document.getElementById('fn').value;
document.write("Hello ", first_name);
}
</script>
Save the document and open it in your web browser. The form will take user input, and print the result on the next page.
