1

Estuve probando crear un botón que cambie su color de fondo cada vez que se hace clic en él, pero parece que mi código no está funcionando.

Este es mi código:

<button onclick="this.style.backgroundColor = ['red', 'green', 'blue', 'yellow'][Math.floor(Math.random() * 4)]">Clic</button>

3
  • ¿Cuál es la idea de [Math.floor(Math.random() * 4)]? Y por cierto: se desaconseja usar manejadores de eventos inline. Usa el evento click de JS.
    – padaleiana
    Commented el 22 abr. a las 11:08
  • Tu codigo es correcta y funciona correctamente, cual es el problema?
    – Anthonyx82
    Commented el 22 abr. a las 11:10
  • 1
    Deberías multiplicar por 3, los arrays de JavaScript comienzan en cero y Math.random() devuelve un número entre 0 y 1 (incluidos)
    – Marcos
    Commented el 22 abr. a las 11:35

1 respuesta 1

1

De la forma en la cual tienes definida la funcionalidad del botón, en ocasiones te entregará el mismo color cada que des clic.

Si lo que deseas es que se muestre un color diferente cada que des clic, puedes iterar sobre el array de colores definiendo una variable indice que cambiará de valor cada vez que des clic

//* Define variable para índice y array de colores
var myIndex = 0;
var array = ['red', 'green', 'blue', 'yellow'];
<button onclick="this.style.backgroundColor = array[myIndex]; myIndex = (myIndex + 1)%array.length;">Clic</button>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.