Actualmente estoy creando una página html simple con código javascript donde tengo que hacerle una pregunta al usuario para que complete un nombre de color que cambia el fondo de la página después al color de la entrada del usuario.
Si se hace eso, me gustaría mostrar continuamente el mensaje en la página para que el usuario pueda seguir ingresando nombres de colores hasta que desee salir de la página o finalizar el programa.
Tiene que estar escrito en la cantidad más simple/menor de líneas de código posible, y con el uso de "prompt()" and "background.style.bgcolor".
¿Sabes como hacerlo?
<!DOCTYPE html> <html lang="en"> <title> Background Colors</title> <body onload="changeColor()" ontimeupdate="userInput" load="3sec"> <h1> <b style="text-align: center;">Background Color Changer</b> </h1> <form name = "myform"> </form> </body> <script type="text/javascript" style="align-items: center; justify-content: center"> function changeColor() { var userInput = window.prompt("Enter a background-color:"); document.bgColor = userInput; } </script> </html>Solicite al usuario un color. Si el indicador devuelve un color, cambie el fondo del cuerpo del documento y vuelva a llamar a la función. Si el indicador devuelve una cadena vacía o el usuario hace clic en cancelar, no llame a la función.
const body = document.body; function changeColor() { const color = prompt('Enter a color.'); if (color) { body.style.backgroundColor = color; changeColor(); } } changeColor(); <h3>Background Color Changer</h3>