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