Используйте простой JavaScript, а не Jquery

Question

Я пытаюсь закодировать прорыв игры в javascript. В настоящее время он работает с использованием JQuery в нескольких местах. Мой профессор не хочет, чтобы класс использовал Jquery, поэтому я должен изменить области, в которых я использую jquery, на javascript.

function windowsize() {
WIDTH = $("#canvas")[0].width = ($(window).width()-20.5);
HEIGHT = $("#canvas")[0].height = ($(window).height()-20.5);

}

windowsize();

Я использую эту функцию, чтобы получить ссылку на элемент холста и вычитая из сторон, чтобы удалить полосу прокрутки. (на заметку, если кто-нибудь знает, как убрать полосу прокрутки, не вычитая, дайте мне знать!)

Я попытался следующий код, чтобы получить ссылку на холст, но не могу заставить его работать?

var c=document.getElementById("canvas"); 
var ctx=c.getContext("2d");

Вот моя скрипка: http://jsfiddle.net/Kinetic915/kURvf/29/

Любая помощь приветствуется!

Спасибо!

Answer 1

Предполагая, что Chrome, document.documentElement.clientWidth, кажется, сделает это за вас. Или найдите элемент 100% ширины на странице и получите его ширину.