En este artículo, aprenderemos a definir el resultado de un cálculo. La etiqueta <output> se utiliza para representar el resultado de un cálculo realizado por el script del lado del cliente, como JavaScript. La etiqueta <output> es una etiqueta nueva en HTML5 y requiere etiquetas de inicio y final.
Sintaxis:
<output> Results... </output>
Ejemplo:
<!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>
Producción:
Navegadores compatibles:
- Google Chrome
- explorador de Internet
- Firefox
- Ópera
- Safari
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA