<!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
}