Sigo aprendiendo JavaScript y parece que no puedo entender por qué mi primera entrada se duplica después de hacer un segundo número. Ejemplo, '1+' se muestra bien en la pantalla de resultados, pero cuando hago clic en la segunda Entrada a '2' con la esperanza de que salga 1+2, en su lugar me muestra 112+2. Intenté ponerlo en una entrada almacenada después de hacer la primera entrada, pero aún no puedo resolver esto. Aquí está mi código
https://codepen.io/Kaytin143/pen/bGRjQqx
let firstInput = ''; let storedInput = ''; let secondInput = ''; let currentOp = ''; const results_div = document.querySelector('.screen') const numberBtns = document.querySelectorAll('.numbers') numberBtns.forEach((numbers) => { numbers.addEventListener('click', () => { firstInput += numbers.value; storedInput += firstInput; results_div.innerHTML = firstInput; numberBtns.forEach((numbers) => { numbers.addEventListener('click', () => { secondInput += numbers.value; results_div.innerHTML = storedInput + currentOp + secondInput; }) }) //second Input }) }) // listeners for operators // const operatorBtns = document.querySelectorAll('.operator'); const clearBtn = document.querySelector('.c'); operatorBtns.forEach((operators) => { operators.addEventListener('click', () => { currentOp += operators.value; results_div.innerHTML = firstInput + currentOp; }) })