crime_busters_simulator/liquid.html at main · daheehee/crime_busters_simulator · 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="stylesheet.css">
</head>
<body class="liquid">
<div class="content">
<div style="text-align: center;position: relative;">
<h3 class = "points" style="background-color: white;position: absolute; padding: 6px; margin-top: 30px;margin-left: 30px">Points : 0</h3>
<div class ="sample"><h1>Liquid</h1></div>
</div>
<a href="index.html">
<h2>back</h2></a>


<p>What will you be doing?</p>

<p class= "timer" id="time">
            <span class="digit" id="hr"> 00</span>
            <span class="txt">Hr</span>
            <span class="digit" id="min"> 00</span>
            <span class="txt">Min</span>
            <span class="digit" id="sec"> 00</span>
            <span class="txt">Sec</span>
            <span class="digit" id="count"> 00</span>
        </p>
<div style="text-align:center">
<button class="btn" onclick="startTimer()"> Start</button>
<button class="btn" onclick="pauseTimer()"> Pause</button>
<button class="btn" onclick="resetTimer()"> Reset</button>
</div>

<div id="img_cont2">
<a href="iodine.html">
<img class="hello" src="https://lh3.googleusercontent.com/1EZnSch9FO0T4NEZzF35X0Cy4jTW1yumpS3J28YweehUeGt3OIZw5kt4m-TO_DNyCKU9mqcrSUDV7FqOLXiM-7SiLAPYs9oYdc_ktJlrxIA5ZuDWeMAuvqX0kMxeA2rJImLZRtfaTA=w2400" title="iodine" style="width:250px;height:268.5px;" /></a>
<a href="ph.html">
<img class="hello" src="https://lh3.googleusercontent.com/fOhTsaX3YDFnzoPX6ZaJ4sR1wfKFXcLO0tBLvZjskHfQlaQOKJrjDx7NJD3jri7XosheFCaU5HqtsmvgCXbgn9x5pgixsxmhOxDAspQ_O4bZuVs2TThacSxWQemdi1QAbDVECnRoPw=w2400" title="ph" style="width:160px"/></a>
<a href="analyze.html">
<img class="hello" id="hide" src="https://lh3.googleusercontent.com/5_7X1st-VXUcbI_5wHGRuQzs1W8VnNpQ8KpxiPq-qJDiyv56Fump8EcKy04P5CpUKCUgPANGLH6YHCytwkdAYeKw3kqFmn-eV2yIR1cFFXhYpAWOYUX_IUPgOi94md7F32wFVNsJVw=w2400" title="analyze" style="width:260px;height:216px;" ></a>
</div>

<button onclick="makeNumberL()" class="container1">Click me to generate a liquid </button>
<p>Put your answer:</p>
<input type="text" id="guess"><br>
<p class="guess"> </p>
<p class="answer"> </p>

<div style="text-align:center">
<button onclick="check()" class="container2">Click to check!</button>
<button onclick="answer()" class="container2">Click for answer!</button>
</div>

<script src="script.js"></script>
<script>window.onload = initilizeTime();</script>
</div>
</script>
</body>
</html>