NEXT TIME LOG OUT NIGGER
        </p>
        <p onmouseover="mouseonMe()" onmouseout="mouseLeftObj()" class="secondsentence" id="secondLine">
          line 2
        </p>
        <img id="hungryCookie" onmouseover="yourHungry()" mouseout="" class="image1" src="https//cdn1.pri.org/sites/default/files/styles/story_main/public/story/images/cookies733.jpg?itok=BBzxfpbJ"/>
        <br/>
        <img id="grbit" src="cookies733.jpg" class="image2"/>
        <canvas id="myCanvas" width="300" height="300"></canvas>
      </center>
    </div>
    
    <script>
      var colorNow = 1;
      function myButtonHandler()
        var sentence = document.getElementById("helloWorld");
        if(colorNow == 1)
         sentence.style.color="purle";
         colorNow=2;
        }else
         sentence.style.color="orange";
         colorNow=1;
        }
      }
      function mouseOnMe(){
        var secondLine=document.getElementById("secondLine");
        secondLine.innerHTML="I change line 2";
        secondLine.style.color="purple";
      }
        function mouseLeftObj(){
        var secondLine =document.getElementById("secondLine");
        secondLine.innerHTML="Line 2";
        secondLine.style.color="blue";
      }
      
    </script>   
    <script>
      var c = document.getElementById("myCanvas");
      var theCanvas = c.getContext("2d");
      theCavas.fillRect(10,15,100,50);
      theCavas.clearRect(15,20,20,20);
    </script>
  </body> 
</html>