How to define the result of a calculation using HTML5 ?
In this article, we will learn how to define a result of a calculation. The <output> tag is used to representing the result of a calculation performed by the client-side script such as JavaScript. The <output> tag is a new tag in HTML5 and it requires a starting and ending tags.
Syntax:
<output> Results... </output>
Example:
<!DOCTYPE html><html> <head> <title> Define the result of a calculation </title> <style> body { text-align: center; } h1 { color: green; } </style></head> <body> <h1>GeeksforGeeks</h1> <h2> HTML5: How to define the result of a calculation? </h2> <form oninput="sumresult.value = parseInt(A.value) + parseInt(B.value) + parseInt(C.value)"> <input type="number" name="A" value="50" /> + <input type="range" name="B" value="0" /> + <input type="number" name="C" value="30" /> <br> Result: <output name="sumresult"></output> </form></body> </html> |
Output:
Supported Browsers:
- Google Chrome
- Internet Explorer
- Firefox
- Opera
- Safari
