<div class="container"> <div class="square extra" id="test"></div> </div> var color = document.getElementById('test'); function changeColor(){ color.style.background = "cornflowerblue";} color.addEventListener('click', changeColor)¿Cómo invierto el color de fondo al original presionando el mismo div nuevamente?
Crearía una clase con el color de fondo, luego cambiaría la función para alternar la clase.
Vea el fragmento a continuación:
var color = document.getElementById('test'); function changeColor() { color.classList.toggle(`bgCornflowerblue`); } color.addEventListener('click', changeColor) .square { background: CadetBlue; color:white; padding: 5px; } .bgCornflowerblue { background: Cornflowerblue!important } <div class="container"> <div class="square extra" id="test">Click me</div> </div>