Notas app trivias

gistfile1.txt

# CSS

.visible {
	display: block;
}
.oculta {
	display: none;
}



# Modelo

settings
	puntaje: 10p

jugador
	nombre
	puntaje

trivias
	tipo
		pregunta
		alternativas
		correcta
	

jugadas
	jugador
	pregunta
	eleccion
	resultado



# Javascript

js-registrar-jugador
js-jugar-tema-1
js-jugar-tema-2
js-validar-respuesta
	si no es la ultima ir a la siguiente
	si es la ultima, calcular resultados


var puntajePorPregunta = 10;
var jugadorNombre = null;
var jugadorPuntaje = 0;

var respuestasCorrectas = 0;
var respuestasCorrectas = 0;




var trivias = 
	tipo1: {
		1: {
			pregunta: "Titulod e la pregunta",
			alternativas: {
				1: "Titulod e la pregunta",
				2: "Ttulod e la pregunta",
				3: "Titulod e la pregunta",
			},
			correcta: 2,
		},
		2: {
			pregunta: "Titulod e la pregunta",
			alternativas: {
				1: "Titulod e la pregunta",
				2: "Ttulod e la pregunta",
				3: "Titulod e la pregunta",
			},
			correcta: 3,
		}
	},
	tipo2: {
		1: {
			pregunta: "Titulod e la pregunta",
			alternativas: {
				1: "Titulod e la pregunta",
				2: "Ttulod e la pregunta",
				3: "Titulod e la pregunta",
			},
			correcta: 2,
		},
		2: {
			pregunta: "Titulod e la pregunta",
			alternativas: {
				1: "Titulod e la pregunta",
				2: "Ttulod e la pregunta",
				3: "Titulod e la pregunta",
			},
			correcta: 3,
		}
	}
}



<div id="identificacion" class="visible">
	<input type="text" name="name">
	<button class="js-registrar-jugador">Siguiente</button>
</div>

<div id="inicio" class="oculta">
	<button class="js-jugar-tema-1">Siguiente</button>
	<button class="js-jugar-tema-2">Siguiente</button>
</div>

<div id="trivia" class="oculta">

	<div class="pregunta visible">
		<p>Pregunta</p>
		<form>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<button class="js-validar-respuesta">Siguiente</button>
		</form>
	</div>

	<div class="pregunta oculta">
		<p>Pregunta</p>
		<form>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<button class="js-validar-respuesta">Siguiente</button>
		</form>
	</div>

	<div class="pregunta oculta">
		<p>Pregunta</p>
		<form>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<input type="radio" class="alternativa"></input>
			<button class="js-validar-respuesta">Siguiente</button>
		</form>
	</div>

</div>

<div id="resultados" class="oculta">
	<button class="js-jugar-tema-1">Siguiente</button>
	<button class="js-jugar-tema-2">Siguiente</button>
</div>