JavaScript/24.control_select_5_js.html at master · schtiell/JavaScript · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Control Select</title>
</head>
<body>

	<h1>Control Select JavaScript</h1>

	<p><strong>Ejercicio:</strong></p>

	<p>Confeccionar una página que permita tomar un examen múltiple choice. Se debe mostrar una pregunta y seguidamente un objeto SELECT con las respuestas posibles. Al presionar un botón mostrar la cantidad de respuestas correctas e incorrectas (Disponer 4 preguntas y sus respectivos controles SELECT) </p>

	<hr>

	<h2>Examen Inglés Nivel 1</h2>
	<p>En base a tu conocimiento del idioma inglés respónde los siguiente:</p>


	<script>

		function revisarRespuestas () {

			var pregunta1 = document.getElementById('pregunta1');
			var respuesta1 = pregunta1.options[pregunta1.selectedIndex].value;

			var pregunta2 = document.getElementById('pregunta2');
			var respuesta2 = pregunta2.options[pregunta2.selectedIndex].value;

			var pregunta3 = document.getElementById('pregunta3');
			var respuesta3 = pregunta3.options[pregunta3.selectedIndex].value;

			var pregunta4 = document.getElementById('pregunta4');
			var respuesta4 = pregunta4.options[pregunta4.selectedIndex].value;

			var contador = 0;

			if (respuesta1 == 3){
				contador+=1;

			}

			if (respuesta2 == 2) {
				contador+=1;
			}

			if (respuesta3 == 1) {
				contador+=1;
			}

			if (respuesta4 == 2) {
				contador+=1;
			}

			//document.getElementById('aciertos').value = contador;
			alert('Tus respuestas correctas son: ' + contador);

			contador = 0;
		}

	</script>


	<form action="">

		<label for="">Rojo en inglés es: </label>
		<select name="" id="pregunta1">
			<option value="1">rex</option>
			<option value="2">ret</option>
			<option value="3">red</option>
		</select><br><br>

		<label for="">Gris en inglés es: </label>
		<select name="" id="pregunta2">
			<option value="1">grey</option>
			<option value="2">gray</option>
			<option value="3">grai</option>
		</select><br><br>

		<label for="">verde en inglés es: </label>
		<select name="" id="pregunta3">
			<option value="1">green</option>
			<option value="2">grin</option>
			<option value="3">grein</option>
		</select><br><br>

		<label for="">auto en inglés es: </label>
		<select name="" id="pregunta4">
			<option value="1">card</option>
			<option value="2">car</option>
			<option value="3">kar</option>
		</select><br><br>

		<label for="">auto en inglés es: </label>
		<input type="text" id="aciertos"><br><br>

		<input type="button" value="Calificar" onclick="revisarRespuestas()">

	</form>

</body>
</html>