-
Notifications
You must be signed in to change notification settings - Fork 0
/
Main.html
45 lines (42 loc) · 1.75 KB
/
Main.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
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title></title>
<!-- Animated Title bar -->
<link rel="stylesheet" href="External/Main.css">
<!-- External Style -->
</head>
<body>
<div id="mainArea">
<!-- The big square -->
<div id="mainHuman">
<!-- The left square -->
<img src="Resources/Fire.gif" id="fireGif" alt="">
<img src="Resources/Water.gif" id="waterGif" alt="">
<img src="Resources/Leaf.gif" id="leafGif" alt="">
<div id="mainChoice">
<!-- The element selection -->
<input type="radio" name="Elements" value="Fire" id="fireRadio" onclick="showElementSlide()">Fire 🔥<br>
<input type="radio" name="Elements" value="Water" id="waterRadio" onclick="showElementSlide()">Water 💧<br>
<input type="radio" name="Elements" value="Leaf" id="leafRadio" onclick="showElementSlide()">Leaf 🍂<br>
</div id="mainChoice">
<input type="button" value="Fight" id="fight" onclick="fight()">
<p id="humanText"> </p>
<!-- Human Text -->
<p id="humanLife"> </p>
<!-- Robot Text -->
</div id="mainHuman">
<div id="mainRobot">
<!-- The Right Square -->
<img src="Resources/Fire.gif" id="fireGif2" alt="">
<img src="Resources/Water.gif" id="waterGif2" alt="">
<img src="Resources/Leaf.gif" id="leafGif2" alt="">
<p id="robotText"> </p>
<p id="robotLife"> </p>
</div id="mainRobot">
</div id="mainArea">
<script type="text/javascript" src="External/Main.js"></script>
<!-- External Script -->
</body>
</html>