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