|
|
|
@ -3,7 +3,8 @@ |
|
|
|
|
<head> |
|
|
|
|
<meta charset="utf-8"> |
|
|
|
|
<title>Stoplight Exercise</title> |
|
|
|
|
<link rel="stylesheet" href="styles.css" media="screen" title="no title" charset="utf-8"> |
|
|
|
|
<script defer src="script.js"></script> |
|
|
|
|
<link rel="stylesheet" href="styles.css"> |
|
|
|
|
</head> |
|
|
|
|
<body> |
|
|
|
|
<div id="controls"> |
|
|
|
@ -11,11 +12,11 @@ |
|
|
|
|
<h1 id="slowButton" class="button">Slow</h1> |
|
|
|
|
<h1 id="goButton" class="button">Go</h1> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div id="traffic-light"> |
|
|
|
|
<div id="stopLight" class="bulb"></div> |
|
|
|
|
<div id="slowLight" class="bulb"></div> |
|
|
|
|
<div id="goLight" class="bulb"></div> |
|
|
|
|
</div> |
|
|
|
|
<script src="script.js"></script> |
|
|
|
|
</body> |
|
|
|
|
</html> |
|
|
|
|