Sistema de Examen en Línea con Javascript

Sistema de Examen en Línea con Javascript

Vamos a aprender a implementar un Sistema de Examen en Línea con Javascript, esta aplicación no tiene una base de datos y por tal motivo tampoco requiere un servidor, es una página estática, que gracias a la lógica de Javascript, compara si las respuestas realizadas por el usuario final son correctas cada vez.

Si el número de respuestas es inferior a tres pierdes el examen, si es de 3 o 4 ganas y si coincides actualmente en las 5 preguntas actuales el sistema te felicita al final.

Demo del Sistema de Examen en Línea con Javascript

De la aplicación implementé un demo que puedes ver en el siguiente enlace:

https://mauriciosevilla.com/quiz/

Explicación del Sistema de Examen en Línea

Esta aplicación consta de dos archivos específicos en Javascript, uno llamado script.js donde se realizan los cálculos para que funcione el quiz, el otro archivo Javascript es question.js que es donde se configuran las preguntas, con un array llamado questions, con una variable que indica el orden de las preguntas llamada numb, otra variable que indica la pregunta que va a ser formulada llamada question, otra variable llamada answer donde se coloca la cadena de la respuesta correcta y otro array, dentro del array principal llamado options que es el que contiene las preguntas de selección multiple y la respuesta corecta, si el usuario elige la respuesta que coincide con la cadena que se encuentra en la variable question, entonces esa respuesta será la correcta.

Video Explicativo

Sistema de Examen en Línea con Javascript

Descarga he implementación del proyecto en JavaScript

El siguiente es el enlace del repositorio donde tengo el proyecto colgado en GitHub:

Sistema de Examen en Línea con Javascript

Como es una página estática, no se requiere utilizar un backend, no debes instalar ningún servidor basta con descargar el proyecto y ejecutar la página index.html

Subida del Sistema de Examen en Línea con Javascript a un hosting

En una publicación previa explico como subir un proyecto similar a este a GitHub Pages si deseas subirlo a un hosting como hostinger en el siguiente vídeo explico la forma de hacerlo:

Subir pagina con PHP + Base de datos (MYSQL) a un Hosting

Cualquier duda quedo al pendiente !!

Deja una respuesta

Tu dirección de correo electrónico no será publicada.