<< More Tips   |   Added On: 15/10/18   |    Category: Vanilla Javascript    |    Number of Views: 84

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>


Save the document and open it in your webbrowser. My Computer Tips will be printed to the screen.

Example 1: Using document write() in javascript
Example 2: Using document.getElementByID() in javascript to send form data
Example 3: Generate a random number between 1 and 5 using Math.floor and Math.random commands in Javascript

Linux Services

Buy Linux CDs, DVDs, USB Flash Drives from OSDisc.com

Buy Linux CDs, DVDs, USB Flash Drives from OSDisc.com

Run Windows software on Linux

Run Windows software on Linux with Crossover Office