Estoy haciendo una calculadora y creando un nuevo elemento (el número) cada vez que presiono un botón de operador. Me pregunto cómo puedo llegar a donde puedo agregar infinitamente números (1+1+1+1, etc.) cada vez que creo el elemento. Creo que tendré que almacenar el número total actual de alguna manera, pero no sé cómo hacerlo. Si necesitas alguna aclaración me avisas! Gracias HTML

 <button class="numbers">0</button> <button class="numbers">1</button> <button class="numbers">2</button> <button class="numbers">3</button> <button class="numbers">4</button> <button class="numbers">5</button> <button class="numbers">6</button> <button class="numbers">7</button> <button class="numbers">8</button> <button class="numbers">9</button> <button id="addition" class="button-operator">+</button> <button id="equals" class="button-operator">=</button> <div class="result-container"> <h1 id="value"></h1> <h1 id="equal"></h1> </div>

JS

 const numbersArray = Array.from(document.querySelectorAll('.numbers')); const addition = document.getElementById('addition'); const equal = document.getElementById('equal'); const equalSign = document.getElementById('equals'); let newValue = document.createElement('h1'); numbersArray.forEach(element => { element.addEventListener('click', (e) => { newValue.innerText = e.target.innerText; function resultHandler() { value.innerText = '' } addition.addEventListener('click', (e) => { resultHandler() }) equalSign.addEventListener('click', (e) => { equal.innerText = parseInt(newValue.innerText) + parseInt(newValue.innerText); value.style.display = 'none'; newValue.style.display = 'none'; operator.style.display = 'none'; }) }) })