HTMLpointHTMLpoint HTMLpoint.com


 Un quiz con resultado final 2/2

  semana 36 - 11 octubre 1999

Una vez impostado el código Javascript dentro de los elementos <HEAD>, pasamos a insertar en el cuerpo del documento las referencias necesarias para que dicho código produzca los correspondientes efectos en cada una de las voces del formulario.

Antes de nada, invocamos el nombre facilitado por el visitante cuando se ha abierto la página para personalizar el test:


De este modo, el texto "Hola xxx, contesta a las siguientes preguntas" permanece fijo para todos los visitantes, mientras que en lugar de las xxx aparecerá el nombre facilitado por el visitante.

Pasemos, ahora, a impostar la primera pregunta.
Éste es el código que hay que insertar:

Cada pregunta del quiz se imposta con la marca de apertura:

El código sucesivo responde a las reglas clásicas de los formularios HTML. En este caso en particular hemos impostado un menú descendente con respuestas predefinidas.
A cada voz de menú se le asigna un valor "value=n", donde "n" es el número progresivo. La respuesta correcta entre las 5 impostada se indica mediante la línea de código:

y, en particular, por "value=2". En este caso, en efecto, la respuesta correcta es "Ankara", marcada con el número 2.

Las sucesivas preguntas se impostan siguiendo el modelo de la primera.

Para acabar, es necesario crear el botón de submit del form y las ventanas en las que aparece el resultado del quiz.
Questo e' il codece per il tasto de submit:

mientras que el resultado del quiz aparece visualizado gracias al siguiente código:

No existen límites, más que los que impone el sentido común, al número de preguntas y a las elecciones posibles. Este Javascript es fácil de impostar y de personalizar tanto por usuarios expertos como menos expertos.


  Vuelve a principio de página