Introducción acceso al DOM

<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>

<body>
	<h1>Ejercicios HTML</h1>
	<p>Calculadora</p>
	<p>
		Número 1<input type="text" id="numero1" placeholder="Introduce un número">
		Número 2<input type="text" id="numero2" placeholder="Introduce un número">
		Resultado<input type="text" id="resultado"></p>
	<p><input type="button" onclick="sumar()" value="Suma"></p>
	<h2>El resultado es <span id="res"></span></h2>
	<script src="js/test.js"></script>
</body>

</html>
function sumar () {
  const num1 = parseFloat(document.getElementById('numero1').value)
  const num2 = parseFloat(document.getElementById('numero2').value)
  document.getElementById('resultado').value = num1 + num2
  document.getElementById('res').innerHTML = num1 + num2
}

Publicado por

Juan Pablo Fuentes

Formador de programación y bases de datos