day3.html

<html>
<head>
   <title>Day 3 Code</title> 
   <script src = "https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
   <script src = 'day3.js'></script>
   <style>
       #test{
       border:1px solid #555555;
       background-color:#F0FBC8;
       border-radius:5px;
       }
   </style>
</head>   
<body>
  <h2>Canvas Experiments</h2>  
  <p>
      <canvas id= 'test' width='200' height='200'></canvas>
      <div>
          <button onclick='test_clear()'>Clear</button>
          <button onclick='test_line()'>Line</button>
          <button onclick='test_box()'>Box</button>
          <button onclick='test_smiley()'>Smile</button>
          <button onclick='test_rect()'>Rectangles</button>
          <button onclick='test_text()'>Text</button>
          <button onclick='test_mouse()'>Mouse</button>
      </div>
  </p>
</body>    
    
</html>