Creating a HTML 5 page using "output" tag

The HTML


<output>

tag is used for displaying or showing the result of a calculation or operation, such as one performed by a script.

The


<output>

tag was first introduced in HTML 5.

This walkthrough will guide you on how to create an HTML 5 page which can multiply two numbers. It can also be useful for creating the first HTML 5 page for many beginners.

First of all open a new text document.
Paste the following code in it.

<!doctype html ><html ><head><title>Document title.</title>

undefined</head>undefined<body onload="multi()">
<h1>output tag Example.</h1>
<p>
<b>Implementation of <output > in HTML5.</b>
</p>
<form action="roseindia.html" method="get" name="form">
<label>Multiplication of two number:</label>
<output name="result"></output>
</form>undefined</body>undefined</html>

Now paste the following javascript code between the </title> and </head> tags.
1. < script type = "text/javascript" >
2. function multi() {
3. a = parseInt(prompt("Enter first number.", 0));
4. b = parseInt(prompt("Enter first number.", 0));
5. document.forms["form"]["result"].value = a * b;
6. } <
7. /script>
Now save the page as "First program.html".

Now you are ready to test your page by opening it (double-clicking it).