E7 HTML Page
This should be saved as an .html file for Exercise7.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="style.css" />
<script src="http://cmpt165.csil.sfu.ca/js/jquery-3.1.0.js"></script>
<script src="logic.js"></script>
<title>Exercise 7</title>
</head>
<body>
<h1>Exercise 7</h1>
<section id="animations">
<h2>Style Animation</h2>
<p>These buttons should animate the heading above as specified in the exercise:</p>
<div class="actionbuttons">
<button id="demo">demo</button>
<button id="left">←</button>
<button id="right">→</button>
<button id="toggle">↺</button>
</div>
</section>
<section id="addremove">
<h2>Adding and Removing Content</h2>
<p>These buttons should add content below:</p>
<div class="actionbuttons">
<button id="hello">Say hello.</button>
<button id="goodbye">Say goodbye.</button>
<button id="remove">I take it back!</button>
</div>
<div id="newcontent"></div>
</section>
</body>
</html>Updated Thu Dec. 14 2017, 11:31 by ggbaker.