title: Use plain javascript rather then Jquery
body: <p>I am attempting to code the game breakout in javascript.  Currently I have it working using JQuery in several locations.  My professor does not want the class to use Jquery so I have to change the areas I use jquery to javascript.</p>
  
  <pre><code>function windowsize() {
  WIDTH = $("#canvas")[0].width = ($(window).width()-20.5);
  HEIGHT = $("#canvas")[0].height = ($(window).height()-20.5);
  
  }
  
  windowsize();
  </code></pre>
  
  <p>I am using this function to get reference to the canvas element and subtracting from the sides to remove the scrollbar.  (on a side note if anyone knows how to remove the scroll bar without subtracting let me know!) </p>
  
  <p>I attemped the following code to get reference to the canvas, but cannot get it to work?</p>
  
  <pre><code>var c=document.getElementById("canvas"); 
  var ctx=c.getContext("2d");
  </code></pre>
  
  <p>Here is my fiddle: <a href="http://jsfiddle.net/Kinetic915/kURvf/29/" rel="nofollow">http://jsfiddle.net/Kinetic915/kURvf/29/</a></p>
  
  <p>Any help is appreciated!</p>
  
  <p>Thanks!</p>