-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
65 lines (60 loc) · 4.42 KB
/
index.html
File metadata and controls
65 lines (60 loc) · 4.42 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Switch Calculator</title>
<link rel="stylesheet" href="css/calc.css">
</head>
<body>
<div class="calculator">
<div class="btn zero" tabindex="1" data-sound="a_0">0</div>
<div class="btn one" tabindex="2" data-sound="a_1">1</div>
<div class="btn two" tabindex="3" data-sound="a_2">2</div>
<div class="btn three" tabindex="4" data-sound="a_3">3</div>
<div class="btn four" tabindex="5" data-sound="a_4">4</div>
<div class="btn five" tabindex="6" data-sound="a_5">5</div>
<div class="btn six" tabindex="7" data-sound="a_6">6</div>
<div class="btn seven" tabindex="8" data-sound="a_7">7</div>
<div class="btn eight" tabindex="9" data-sound="a_8">8</div>
<div class="btn nine" tabindex="10" data-sound="a_9">9</div>
<div class="btn operation ten" tabindex="11" data-sound="a_plus">plus</div>
<div class="btn operation eleven" tabindex="12" data-sound="a_minus">minus</div>
<div class="btn operation twelve" tabindex="13" data-sound="a_times">times</div>
<div class="btn operation thirteen" tabindex="14" data-sound="a_divided">divided by</div>
<!-- hiding this for now -->
<!-- <div class="btn" tabindex="13">=</div>-->
<div class='flex'>
<!-- JM set tabindex to -1 so these show on screen but are skipped for screen reading -->
<div tabindex="-1">Equation:</div>
<div class="readProblem fourteen" id="readProblem" tabindex="15"></div>
<div class="problem" id="problem" tabindex="-1"></div>
</div>
<div class='flex'>
<!-- JM added spaces to differentiate "=" and " = ", but there's likely a better fix to display and say "=" instead of "answer" -->
<div class="btn fifteen" tabindex="16"> = </div>
<div class="ans sixteen" id="ans" tabindex="17"></div>
</div>
<div class="btn seventeen" id="reset" tabindex="18">Reset</div>
<a href="javascript:location.replace('home.html')" class="btn up" tabindex="0">
<img src="images/up.jpg" alt="Go back to the last page">
</a>
</div>
</div>
<audio id="a_0" controls style="display:none"><source src="sounds/0.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_1" controls style="display:none"><source src="sounds/1.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_2" controls style="display:none"><source src="sounds/2.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_3" controls style="display:none"><source src="sounds/3.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_4" controls style="display:none"><source src="sounds/4.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_5" controls style="display:none"><source src="sounds/5.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_6" controls style="display:none"><source src="sounds/6.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_7" controls style="display:none"><source src="sounds/7.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_8" controls style="display:none"><source src="sounds/8.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_9" controls style="display:none"><source src="sounds/9.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_plus" controls style="display:none"><source src="sounds/plus.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_minus" controls style="display:none"><source src="sounds/minus.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_times" controls style="display:none"><source src="sounds/times.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<audio id="a_divided" controls style="display:none"><source src="sounds/divided.mp3" type="audio/mpeg"> Your browser does not support the audio element.</audio>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js'></script>
<script src="js/calc.js"></script>
</body>
</html>