<div class="main-div main-div2"> <!-- IF up to date, main-div3 --> <button id="update-btn" class="btn update-btn"> Up to date </button> </div>Quiero que si update-btn tiene un valor de "Actualizado", cambie la clase div de " main-div main-div2 " a " main-div main-div3 ". De lo contrario, si es cualquier otro valor, cámbielo a "main-div main-div2"
¿Qué tipo de bucle sería bueno para esta función de Javascript también si quiero que se verifique constantemente?
Gracias.
hay muchos métodos para hacerlo, aquí está la idea básica de que puede hacerlo.
var btnText = document.getElementById("update-btn").innerText var divClass = document.getElementById("outer-div") if(btnText == "Up to date"){ divClass.classList.remove("main-div2"); divClass.classList.add("main-div3"); }else{ divClass.classList.remove("main-div3"); divClass.classList.add("main-div2"); } .main-div2{ background-color:red; } .main-div3{ background-color:blue; } <div id="outer-div" class="main-div main-div2"> <button id="update-btn" class="btn update-btn"> Up to date </button> </div>verifique el fragmento anterior, está verificando el texto En condición si y configura la clase para el div principal de acuerdo con el texto en el botón, puede leer más sobre cómo agregar y eliminar clases desde aquí