Estoy haciendo un juego de simon dice, uso 4 botones de colores que funciona perfectamente. el proceso es simple: el programa presenta al usuario los colores. Luego repite la secuencia haciendo clic en los botones.
Deseo dejar que el programa active el botón de la misma manera que lo haría un usuario, con el efecto de activación adecuado.
.but:active{ // <-- how do i initiate this with js? box-shadow: 0 5px #666; transform: translateY(4px);Te refieres a
document.querySelector(".but").click()o
const buts = document.querySelectorAll(".but"); const cnt = 0; setInterval(function() { if (cnt>= 0) cnt = 0; but[cnt].click(); cnt++; },2000)let but = document.querySelector('.but'); but.addEventListener('click', () => { but.classList.add('active'); let activeStatus = document.querySelector('.active'); activeStatus.style = ` box-shadow: 0 5px #666; transform: translateY(4px); `; });