<h1>Calculadora</h1>
<input type="number" id="numero1">
<button id="suma">+</button>
<button id="resta">-</button>
<button id="multiplicacion">*</button>
<button id="division">/</button>
<input type="number" id="numero2">
=
<input type="number" id="resultado">
<script src="js/script.js"></script>
// Vamos a hacer la suma
// 1.- Establecer el algoritmo (la receta)
// 2.- Comprobar el programa
// 3.- Refactorizar (mejorar)
// Cuando pulsen la suma se suman los dos numeros y se muestran en el resultado
// a) Saber como hacer que cuando pulsen un botón mi programa haga algo
// Añadiendo un evento al botón
// b) Saber coger el valor de una caja de texto
// Obtener el elemento y con 'value'
// c) Saber sumar dos números
// con +
// d) Saber cambiar el valor de una caja de texto
// obtener el elemento y usar el value
// Al pulsar el botón obtener los dos valores, sumarlos y ponerlos en la caja de resultado
let suma=document.getElementById("suma");
suma.onclick=function(){
// Obtengo los valores
let numero1=document.getElementById("numero1");
let numero2=document.getElementById("numero2");
// Los sumo
let suma=Number(numero1.value)+Number(numero2.value);
// Muestro el valor
let resultado=document.getElementById("resultado");
resultado.value=suma;
}
let resta=document.getElementById("resta");
resta.onclick=function(){
// Obtengo los valores
let numero1=document.getElementById("numero1");
let numero2=document.getElementById("numero2");
// Los sumo
let suma=Number(numero1.value)-Number(numero2.value);
// Muestro el valor
let resultado=document.getElementById("resultado");
resultado.value=suma;
}
let multiplicacion=document.getElementById("multiplicacion");
multiplicacion.onclick=function(){
// Obtengo los valores
let numero1=document.getElementById("numero1");
let numero2=document.getElementById("numero2");
// Los sumo
let suma=Number(numero1.value)*Number(numero2.value);
// Muestro el valor
let resultado=document.getElementById("resultado");
resultado.value=suma;
}
let division=document.getElementById("division");
division.onclick=function(){
// Obtengo los valores
let numero1=document.getElementById("numero1");
let numero2=document.getElementById("numero2");
// Los sumo
let suma=Number(numero1.value)/Number(numero2.value);
// Muestro el valor
let resultado=document.getElementById("resultado");
resultado.value=suma;
}