ubiquitour.com

Cómo cambiar Color de fondo HTML con un Prompt en Javascript

Cómo cambiar Color de fondo HTML con un Prompt en Javascript

La esperanza de los desarrolladores de JavaScript mejorar la Web fomentando más interacción con el usuario. Hypertext Markup Language, el lenguaje básico de páginas Web, ofrece la entrada del usuario a través de hipervínculos y elementos de formulario. JavaScript añade la posibilidad de obtener entrada del usuario a través de una caja de "alerta", un cuadro de "no confirmar sí o" o una "prompt" de la caja. Cajas del sistema permiten una mayor entrada del usuario. JavaScript puede tomar datos del cuadro de mensaje y utilizar para modificar atributos de la Página Web como color de fondo. Usar un color vinculado a los datos pronto, una secuencia de comandos puede cambiar el valor de color de fondo de objeto de documento de la Página Web.

Instrucciones

1 Haga clic en "Inicio". Selecciona "Bloc de notas" o lanzar la aplicación de editor de texto de texto de su elección.

2 Introduzca el código siguiente para probar el JavaScript:

< html >

< head >

< script tipo = "texto/javascript" >

función show_prompt()

{

opción var = new Array();

opción [1] = '#659EC7';

opción [2] = "#FFFF00";

opción [3] = '#646060';

var color = prompt ("Introduzca el número para el color de fondo:" + "\n'+"1. Azul claro "+ '\n' +" 2. Amarillo "+" \n'+ "3. Gris"," ");

document.bgColor = choice[parseInt(color)];

}

< /script >

< /HEAD >

< cuerpo >

< tipo de entrada = "botón" onclick="show_prompt()" valor = "Haga clic aquí para cambiar color de fondo" / >

< /body >

< / html >

3 Haga clic en el menú "Archivo". Seleccione la opción "Guardar". Guardar bajo el nombre de archivo "test.html."

4 Haga clic en "Inicio". Seleccione "Internet Explorer" o lanzar otro navegador Web que está disponible en su computadora. Haga clic en el menú "Archivo" y seleccione "Abrir el archivo."

5 Localice el archivo "test.html" y selecciona con el ratón. Haga clic en "Abrir".

Consejos y advertencias

  • Datos de cuadro de mensaje de JavaScript deben filtrarse para evitar que el script falle de datos inutilizables. Por ejemplo, este fragmento de código correspondería con un color a la entrada del usuario, pero si el usuario eligió incorrectamente, el color de fondo predeterminado es blanco.
  • var color = prompt ("introduce la sombra para el color de fondo: 1. luz azul, 2. amarillo, 3. gris","");
  • interruptor (color) {}
  • caso "1":
  • document.bgColor = "#659EC7";
  • rotura;
  • caso "2":
  • document.bgColor = "#FFFF00";
  • caso "3":
  • document.bgColor = "#646060";
  • por defecto:
  • document.bgColor = #FFFFFF ";
  • }
  • Cajas de mensaje de JavaScript son difíciles de formato y estilo y puede a menudo choque estéticamente con el diseño de su sitio Web. Diseñadores pueden combinar eventos de JavaScript "onclick()" con las opciones de diseño por hojas de estilo para crear más atractivas e imaginativas maneras de comprometer al usuario.