He probado el siguiente código:
<button id = "changeColor">Click here to change my color</button> <script> var changeButton = document.getElementById('changeColor'); function random(number){ return Math.floor(Math.random()*number); } function switchColor(){ var randomColor = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; } changeButton.addEventListener('click', switchColor); </script>pero el botón no devuelve ningún color al hacer clic en él.
Muchas gracias de antemano por responder a mi pregunta.
Debe cambiar el color del style del botón seleccionado con el color aleatorio generado.
changeButton.style.color = randomColor <button id = "changeColor">Click here to change my color</button> <script> var changeButton = document.getElementById('changeColor'); function random(number){ return Math.floor(Math.random()*number); } function switchColor(){ var randomColor = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; changeButton.style.color = randomColor console.log(randomColor); } changeButton.addEventListener('click', switchColor); </script><button id = "changeColor">Click here to change my color</button> <script> var changeButton = document.getElementById('changeColor'); function random(number){ return Math.floor(Math.random()*number); } function switchColor(){ var randomColor = 'rgb(' + random(255) + ',' + random(255) + ',' + random(255) + ')'; // CHANGE THE TEXT COLOR document.getElementById("changeColor").style.color = randomColor; } changeButton.addEventListener('click', switchColor); </script>Prueba de esta manera
Falta tu código
changeButton.style.color = color; var changeButton = document.getElementById('changeColor'); function random(min, max){ return Math.floor(Math.random() * (max - min + 1)) + min; } function switchColor(){ var color; color = 'rgb(' + random(0, 255) + ',' + random(0, 255) + ',' + random(0, 255) + ')'; changeButton.style.color = color; } changeButton.addEventListener('click', switchColor); button{ border: none; } <button id = "changeColor">Click here to change my color</button>