Hola! Estoy haciendo la parte dos de lógica de programación y voy por la clase "Campo de texto y botón" Hice una calculadorita muy simple con dos campos de texto, un boton para sumar y uno para multiplicar, lo comparto por si a alguien le sirve o le da alguna idea.
<h1>Calculadora simple</h1>
<p>Escriba un numero en cada espacio y seleccione una operación</p>
<input id="primer-operando" type="text">
<input id="segundo-operando" type="text">
<button id="suma">+</button>
<button id="multiplicacion">×</button>
<button id="reset">C</button>
<p id="resultado"></p>
<script>
let primerOperando = document.getElementById("primer-operando");
let segundoOperando = document.getElementById("segundo-operando");
let suma = document.getElementById("suma");
let multiplicacion = document.getElementById("multiplicacion");
let resetButton = document.getElementById("reset");
let resultado = document.getElementById("resultado");
suma.addEventListener('click', sumar);
multiplicacion.addEventListener('click', multiplicar);
resetButton.addEventListener('click', reset);
function sumar() {
resultado.innerHTML = parseInt(primerOperando.value) + parseInt(segundoOperando.value);
primerOperando.disabled = true;
segundoOperando.disabled = true;
}
function multiplicar() {
resultado.innerHTML = parseInt(primerOperando.value) * parseInt(segundoOperando.value);
primerOperando.disabled = true;
segundoOperando.disabled = true;
}
function reset() {
resultado.innerHTML = "";
primerOperando.value = "";
segundoOperando.value = "";
primerOperando.disabled = false;
segundoOperando.disabled = false;
}
</script>
Saludos!!