summaryrefslogtreecommitdiff
path: root/tape-deck.html
diff options
context:
space:
mode:
authorGrant Shangreaux <shshoshin@protonmail.com>2020-01-17 16:14:53 -0600
committerGrant Shangreaux <shshoshin@protonmail.com>2020-01-17 16:14:53 -0600
commitd05c5c8d51d1c9ca8e1625adba06643a04d43629 (patch)
tree7afb5d9298df243ca34f448a841d95d4ed5e28fd /tape-deck.html
parent165216bec230d979bb48666dd75d37fa4088ebbd (diff)
Feature: Fast-Forward and Rewind buttons plus refactoring
Diffstat (limited to 'tape-deck.html')
-rw-r--r--tape-deck.html10
1 files changed, 8 insertions, 2 deletions
diff --git a/tape-deck.html b/tape-deck.html
index 1366fe5..ae8a5b7 100644
--- a/tape-deck.html
+++ b/tape-deck.html
@@ -11,8 +11,14 @@
<img id="tape-deck" class="tape-deck-img" src="images/cool-deck.png">
</div>
<div class="button-container">
+ <button onclick="rewind()" class="touch-button">
+ <img class="play-button" id="rewind-button" src="images/rewind-button-up.jpg">
+ </button>
<button onclick="play()" class="touch-button">
- <img class="play-button" id="play-button" src="images/play-button-up.png">
+ <img class="play-button" id="play-button" src="images/play-button-up.jpg">
+ </button>
+ <button onclick="ff()" class="touch-button">
+ <img class="play-button" id="ff-button" src="images/ff-button-up.jpg">
</button>
</div>
<div class="notes">
@@ -20,6 +26,6 @@
</div>
<button onclick="reset()"> reset tape </button>
</div>
- <script src="tape-deck.js"></script>
+ <script type="module" src="tape-deck.js"></script>
</body>
</html>