<!DOCTYPE html>
<html>
<head>
  <title>Not Square</title>
  <link rel="stylesheet" type="text/css" href="notSquare.css">
</head>
<body>
  <h1>These are not squares.</h1>
  <div id="menuBar">
    <span id="statusDisplay"></span>
  </div>
  <div id="container">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
  </div>

<script type="text/javascript" src="notSquare.js"></script>
</body>
</html>

<!DOCTYPE html>
<html>
<head>
  <title>Not Square</title>
  <link rel="stylesheet" type="text/css" href="notSquare.css">
</head>
<body>
  <h1>These are not squares.</h1>
  <div id="stripe">
    <button id="reset">New Colors</button>
    <span id="status"></span>
  </div>
  <div id="container">
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
    <div class="square"></div>
  </div>

<script type="text/javascript" src="notSquare.js"></script>
</body>
</html>

Rename ids and add button
Rename ids and add button
