repl.it
@JJCTPMS/

Jeopardy

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • jeopardy favicon.ico
  • Jeopardy Project.pdf
  • Jeopardy Theme.mp3
  • jeopardy.jpg
  • script.js
  • style.css
index.html
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
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width">
		<title>Jeopardy</title>
		<link href="style.css" rel="stylesheet" type="text/css" />
		<link rel='icon' type='favicon' href='jeopardy favicon.ico'>
	</head>

	<body>
		<img src='jeopardy.jpg'>
		<br>
		<div style='display: block;'>
			<center>	
			Group: <input name='idc' type='radio' id='g1'> G1 <input name='idc' type='radio' id='g2' class='siiii'> G2 <input name='idc' type='radio' id='g3' class='siiii'> G3 <input name='idc' type='radio' id='g4' class='siiii'> G4 <input name='idc' type='radio' id='g5' class='siiii'> G5
			</center>
		</div>
		<br>
		<table style="width:100%">
			<th class='header'>Biology</th><th class='header'>Chemistry</th><th class='header'>Physics</th><th class='header'>Astronomy</th>
			<tr>
				<td><input onclick="question(100,'biology');var eyed = 'biology100';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="100" id='biology100'> <!-- need to add names and onClick events !-->
				<td><input onclick="question(100,'chemistry');var eyed = 'chemistry100';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="100" id='chemistry100'>
				<td><input onclick="question(100,'physics');var eyed = 'physics100';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="100" id='physics100'>
				<td><input onclick="question(100,'astronomy');var eyed = 'astronomy100';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="100" id='astronomy100'>
			</tr>
			<tr>
				<td><input onclick="question(200,'biology');var eyed = 'biology200';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="200" id='biology200'> <!-- need to add names and onClick events !-->
				<td><input onclick="question(200,'chemistry');var eyed = 'chemistry200';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="200" id='chemistry200'>
				<td><input onclick="question(200,'physics');var eyed = 'physics200';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="200" id='physics200'>
				<td><input onclick="question(200,'astronomy');var eyed = 'astronomy200';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="200" id='astronomy200'>
			</tr>
			<tr>
				<td><input onclick="question(300,'biology');var eyed = 'biology300';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="300" id='biology300'> <!-- need to add names and onClick events !-->
				<td><input onclick="question(300,'chemistry');var eyed = 'chemistry300';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="300" id='chemistry300'>
				<td><input onclick="question(300,'physics');var eyed = 'physics300';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="300" id='physics300'>
				<td><input onclick="question(300,'astronomy');var eyed = 'astronomy300';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="300" id='astronomy300'>
			</tr>
			<tr>
				<td><input onclick="question(400,'biology');var eyed = 'biology400';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="400" id='biology400'> <!-- need to add names and onClick events !-->
				<td><input onclick="question(400,'chemistry');var eyed = 'chemistry400';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="400" id='chemistry400'>
				<td><input onclick="question(400,'physics');var eyed = 'physics400';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="400" id='physics400'>
				<td><input onclick="question(400,'astronomy');var eyed = 'astronomy400';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="400" id='astronomy400'>
			</tr>
			<tr>
				<td><input onclick="question(500,'biology');var eyed = 'biology500';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="500" id='biology500'> <!-- need to add names and onClick events !-->
				<td><input onclick="question(500,'chemistry');var eyed = 'chemistry500';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="500" id='chemistry500'>
				<td><input onclick="question(500,'physics');var eyed = 'physics500';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="500" id='physics500'>
				<td><input onclick="question(500,'astronomy');var eyed = 'astronomy500';document.getElementById(eyed).value='***';document.getElementById(eyed).style.cursor='default';document.getElementById(eyed).style.backgroundColor='black';document.getElementById(eyed).color='black';document.getElementById(eyed).disabled = true;" class="tableCells" type="button" value="500" id='astronomy500'>
			</tr>
		</table>
		<div style='display:block'>
			<input class='weareallgay' id='thing1' type='button' value='Correct' onclick='korrect()'>
			<input class='weareallgay' id='thing2' type='button' value='Incorrect' onclick='inkorrect()'>
		</div>
		<div style='display:block;margin-top:50px;'>
			<center>
				Score: G1<input readonly value='0' id='g1score' type='text'>G2<input readonly value='0' id='g2score' type='text'>G3<input readonly value='0' id='g3score' type='text'>G4<input value='0' readonly id='g4score' type='text'>G5<input value='0' readonly id='g5score' type='text'>
			</center>
		</div>
		<center style='margin-top:100px;'><input type='button' value='Answer' onclick='answer(kalue, kategory)'></center>
		<script src="script.js"></script>
  </body>
</html>
result
console