Estoy tratando de cambiar el color de rojo a azul, pero cuando llega el color rojo no se puede cambiar.
var colorvalue=0; var sizevalue; function CG() { colorvalue ++; if (colorvalue==0) { document.getElementById("testd").style.color = "blue"; } else if(colorvalue==1) { document.getElementById("testd").style.color = "red"; } if(colorvalue > 1) { colorvalue = 0; } }ya tengo la respuesta pero como hago para tener mas colores
Gracias por ver mi pregunta y si lo haces gracias por responder
Edito un poco de tu código. prueba a continuación
var colorvalue=0; var sizevalue; function CG() { colorvalue ++; if (colorvalue % 2 == 0) { document.getElementById("testd").style.color = "blue"; } else { document.getElementById("testd").style.color = "red"; } }Operación de módulo utilizada: por lo tanto, si queda un valor de color , el elemento será rojo.
Un método alternativo sería usar CSS en lugar de configurar el estilo directamente en el elemento usando JavaScript.
Inicializa tu texto con el color rojo y luego activa o desactiva una clase azul usando classList .
const test = document.querySelector('.test'); const button = document.querySelector('button'); button.addEventListener('click', handleClick, false); function handleClick() { test.classList.toggle('blue'); } .test { color: red; } .blue { color: blue; } <p class="test">This is a test</p> <button>Change color</button>