@adambraimbridge/

rock-paper-scissors-lizard-spock

HTML, CSS, JS

No description

fork
loading
Files
  • index.html
  • 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
<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width">
	<title>repl.it</title>
	<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="feedback" class="hidden"></div>
	<form id="form">
		<div id="username" class="hidden">
			<label for="username">Please enter your name:</label>
			<input type="text" name="username" id="username-input"/>
		</div>
		<div id="user-choice" class="hidden">
			<label>Rock, paper or scissors?</label> 
			<br />
			<label><input name="choice" id="choice-rock" value="rock" type="radio">Rock</input></label><br />
			<label><input name="choice" id="choice-paper" value="paper" type="radio">Paper</input></label><br />
			<label><input name="choice" id="choice-scissors" value="scissors" type="radio">Scissors</input></label><br />
			<label><input name="choice" id="choice-lizard" value="lizard" type="radio">Lizard</input></label><br />
			<label><input name="choice" id="choice-spock" value="spock" type="radio">Spock</input></label><br />
		</div>
		<button type="submit" id="submit">Enter</button>
	</form>
	<div id="call-to-action" class="hidden"><a href="/">Play again</a></div>
	<script src="script.js"></script>
</body>
</html>
result
console