diff options
author | Grant Shangreaux <shshoshin@protonmail.com> | 2020-01-17 16:14:53 -0600 |
---|---|---|
committer | Grant Shangreaux <shshoshin@protonmail.com> | 2020-01-17 16:14:53 -0600 |
commit | d05c5c8d51d1c9ca8e1625adba06643a04d43629 (patch) | |
tree | 7afb5d9298df243ca34f448a841d95d4ed5e28fd /tape-deck.html | |
parent | 165216bec230d979bb48666dd75d37fa4088ebbd (diff) |
Feature: Fast-Forward and Rewind buttons plus refactoring
Diffstat (limited to 'tape-deck.html')
-rw-r--r-- | tape-deck.html | 10 |
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> |