<html>
<head>
<title>!Quiz - Week 2</title>
</head>
<body>
<center>
<h1>Puppies - wait, is that a puppy?! </h1>
<img id="daPuppies" src="puppies.jpg" width="300" height="auto" />
<h3> don't forget to open your Chrome console </h3>
<button onclick="alert('function needed!');">Bigger Puppies</button>
<button onclick="alert('function needed!');">Smaller Puppies</button>
<button onclick="alert('function needed!');">Move Puppies</button>
<button onclick="alert('function needed!');">Stop Puppies</button>
</center>
<script type="text/javascript">
// _ ___ _ _ ___ _____
// | |/ _ \| | | |_ _|__ /
// | | | | | | | || | / /
// |_| |_| | |_| || | / /_
// (_)\__\_\\___/|___/____|
// Week two notQuiz in JavaScript
// Please test your answers in Chrome dev console
// 1. make an array of 5 puppies by name
// 2. iterate through your puppies using a for loop // & print their names to the console
// 3. your puppies are in the wrong places!
// create a function that swaps two elements in an
// array then returns the array out again, then call
// it to rearrange puppies.
// 4. create an array of ages (type int) for all
// your puppies then define a function that returns // average puppy age
// 5. sort your array of puppy ages and puppy names, and print to the console
// 6. visit the url https://www.jasondavies.com/maps/ // open Chrome console
// using JavaScript in the console
// find out how many images are on the page
// 7. using JavaScript in the console
// find out what the width is of the 1st image
// 8. define a function that makes your puppy
// image grow continuously larger and another
// that shrinks it, then attach these to the
// buttons above
// 9. define a function that moves your puppy
// to the right then call that function when the
// "move puppy" button is pushed.
// 10. define a function that stops the puppy when
// the button "stop puppy" is pressed. Stop it before
// it gets away!
// 11. Don't forget to stretch, breath &
// get some sleep! ☺
</script>
</html>