He estado tratando de crear un sistema de recompensas en el que un usuario pueda iniciar sesión diariamente para recibir recompensas, pero si hago clic en "Reclamar recompensa diaria", el botón se deshabilita, lo cual está bien, pero si actualizo la página, el botón se habilita.
este es el codigo
const btn = document.querySelectorAll("#primary"); for (let i = 0; i < berries.length; i++) { btn[i].addEventListener('click', () => { btn.disabled = true }) } .berrycontainer { display: grid; grid-template-columns: repeat(4, 1fr); } .berry { background: rgba(157, 236, 38, 0.938); border-radius: 0.4rem; margin-left: 2rem; margin-top: 2rem; } <main style="text-align: center;"> <div class="berrycontainer"> <div class="berry"> <h1 class="berryh">20 berries</h1> <p class="day-paragraph">Day 1</p> <button type="button" class="btn btn-primary" id="primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Claim Daily reward <i class="bi bi-clock-fill clock" style="display: none;"></i></button> </div> <div class="berry"> <h1 class="berryh">20 berries</h1> <p class="day-paragraph">Day 1</p> <button type="button" class="btn btn-primary" id="primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Claim Daily reward <i class="bi bi-clock-fill clock" style="display: none;"></i></button> </div> <div class="berry"> <h1 class="berryh">20 berries</h1> <p class="day-paragraph">Day 1</p> <button type="button" class="btn btn-primary" id="primary" data-bs-toggle="modal" data-bs-target="#staticBackdrop">Claim Daily reward <i class="bi bi-clock-fill clock" style="display: none;"></i></button> </div> </div> </main>Como ya tiene un usuario, que está "iniciar sesión" en algún lugar, guarde el estado de esa recompensa/recompensas en el lugar donde verifica ese inicio de sesión, supongo que es alguna base de datos. Restablezca el estado de las recompensas "reclamadas" diariamente allí.