Tengo un proyecto, pero para que funcione necesito actualizar la página cada vez que creo un nuevo elemento. El problema es que cuando actualizo la página también elimina los elementos dom creados. ¿Hay alguna manera de recargar todo pero mantener los elementos dom hasta que actualice la página usted mismo?
function BTN() { for (let i = 0; i < 7; i++) { let btn = document.createElement('button'); btn.classList.add('btn') btn.id = 'Button' + i btn.innerHTML = 'Button' + i; document.getElementsByClassName('Btns')[0].appendChild(btn); } } document.getElementsByClassName('QPB')[0].addEventListener('click', () => { BTN() }) .btn { width: 100px; height: 50px; background-color: red; margin-right: 10px; } .QPB { width: 50px; height: 50px; margin-bottom: 10px; background-color: orange; } <Button class="QPB">+</Button> <div class="Btns"> </div>Entonces necesito actualizar la página pero no eliminar todos los elementos. ¿Hay una manera de hacerlo?