-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
24 lines (24 loc) · 1.81 KB
/
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
<!DOCTYPE html>
<html>
<head>
<title>Guitar App</title>
<link rel="stylesheet" href="css\styler.css">
<link rel="stylesheet" href="css\rippleEffect.css">
<script src="lib\jquery-2.1.4.js"></script>
<script src="lib\rippler.js"></script>
<script src="lib\guitarSimulator.js"></script>
</head>
<body>
<h3>Guitar App</h3>
<table id="guitar">
<tbody><tr><td id="E" >E</td>
<td id="E#" >E#</td><td id="F" >F</td><td id="F#" >F#</td><td id="G" >G</td><td id="G#" >G#</td><td id="A" >A</td><td id="A#" >A#</td><td id="B" >B</td><td id="B#" >B#</td><td id="C" >C</td><td id="C#" >C#</td></tr><tr><td id="B" >B</td><td id="B#" >B#</td><td id="C" >C</td><td id="C#" >C#</td><td id="D" >D</td><td id="D#" >D#</td><td id="E" >E</td><td id="E#" >E#</td><td id="F" >F</td><td id="F#" >F#</td><td id="G" >G</td><td id="G#" >G#</td></tr><tr><td id="G" >G</td><td id="G#" >G#</td><td id="A" >A</td><td id="A#" >A#</td><td id="B" >B</td><td id="B#" >B#</td><td id="C" >C</td><td id="C#" >C#</td><td id="D" >D</td><td id="D#" >D#</td><td id="E" >E</td><td id="E#" >E#</td></tr><tr><td id="D" >D</td><td id="D#" >D#</td><td id="E" >E</td><td id="E#" >E#</td><td id="F" >F</td><td id="F#" >F#</td><td id="G" >G</td><td id="G#" >G#</td><td id="A" >A</td><td id="A#" >A#</td><td id="B" >B</td><td id="B#" >B#</td></tr><tr><td id="A" >A</td><td id="A#" >A#</td><td id="B" >B</td><td id="B#" >B#</td><td id="C" >C</td><td id="C#" >C#</td><td id="D" >D</td><td id="D#" >D#</td><td id="E" >E</td><td id="E#" >E#</td><td id="F" >F</td><td id="F#" >F#</td></tr>
</tbody>
</table>
<button type="button" id="addFret">Add Frets</button>
<button type="button" id="record">Record</button>
<button type="button" id="stopRecord">Stop</button>
<button type="button" id="playRecord">Play</button>
<p id="info"></p>
</body>
</html>