<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="week03assignment.js" charset="utf-8"></script>
<title>Week 03 Assignment</title>
</head>
<body onload="shapeCheck()">
<h1>Shape name based on number of sides</h1>
<p id="numberOfSides">Number of sides: </p>
<p id="shapeName">Name of shape: </p>
</body>
</html>
var numberOfSides = Number(prompt("How many sides does it have?"));
var shapeName = "";
function shapeCheck(){
switch (numberOfSides) {
case 3:
shapeName = "Triangle";
break;
case 4:
shapeName = "Square";
break;
case 5:
shapeName = "Pentagon";
break;
case 6:
shapeName = "Hexagon";
break;
case 7:
shapeName = "Uhhh";
break;
case 8:
shapeName = "Octagon";
break;
default:
shapeName = "I don't even know";
}
document.getElementById('numberOfSides').append(numberOfSides);
document.getElementById('shapeName').append(shapeName);
}