43 lines
1.8 KiB
HTML
43 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Homework 7 - Do Something!</title>
|
|
<style>
|
|
@import url("/cs212/homework/7/styles.css");
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="mainPage">
|
|
<header>
|
|
Homework 7 Main Page
|
|
</header>
|
|
<div class="menuBar">
|
|
<ul>
|
|
<li><a href="/">Home Page</a></li>
|
|
<li><a href="/cs212/homework/2.html">Homework 2</a></li>
|
|
<li><a href="/cs212/homework/3.html">Homework 3</a></li>
|
|
<li><a href="/cs212/homework/4/">Homework 4</a></li>
|
|
<li><a href="/cs212/homework/7/">Homework 7</a></li>
|
|
</ul>
|
|
</div>
|
|
<main>
|
|
<div id="standardClock" class="clock" style="text-align: center;" onclick="currentTime()">Click me to reveal time!</div>
|
|
</main>
|
|
<div class="adBar">
|
|
<a href="https://www.amazon.com/Anker-PowerCore-Technology-High-Capacity-Compatible/dp/B07S829LBX/ref=sr_1_3?crid=CZRGH6QGGLWQ"><img src="https://m.media-amazon.com/images/I/71ytBCYHNkL._AC_SL1500_.jpg" alt="Anker: Power YOUR world" width=250 height=293></a>
|
|
<br>
|
|
<body>Anker Power Bank: Power Your World</body>
|
|
</div>
|
|
<footer>
|
|
A small insight into the script I had trouble writing:
|
|
<br>
|
|
Well, when trying to make this clock, I kept trying to not reference the placeholder by ID, but by class, which is why the CSS worked, but not the actual script.
|
|
<br>
|
|
Had I been paying attention (and also not soooo tired), this mistake could have been easily avoided.
|
|
<br>
|
|
Otherwise, the script wasn't the bad part, the troubleshooting of my problems was...
|
|
</footer>
|
|
</div>
|
|
<script type="text/javascript" src="/cs212/homework/7/script.js"></script>
|
|
</body>
|
|
</html>
|