jquery中的突破到普通javascript

我在jquery中创建了突破游戏，并提供了一个方便的教程。 我的教授现在告诉我它必须是纯javascript，我在转换成纯javascript时遇到了困难

小提琴在这里：

代码正确加载。我发现更改渲染球的代码时出现问题。 它在这里与jquery一起工作：

Cir = $('#canvas')[0].getContext("2d");

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

下层独立工作，但不在项目内部

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

Cir.beginPath();
Cir.arc(x, y, 10, 0, Math.PI * 2, true);
Cir.closePath();
Cir.fill();

---

感谢您的帮助

这个游戏应该做什么？我看到的只是一个球，它会从桨上掉下来。单击游戏所在的屏幕并使用箭头键移动挡板。显然，这将说明它目前使用jquery工作。在你的帮助下，我正在尝试使用javascript实现相同的游戏！它目前不能与jQuery一起工作。是不是fiddle不能正确渲染？我在几台电脑上都试过了。我将几行代码改为使用普通javascript，但我无法理解如何在不使用jquery的情况下使球的渲染工作正常，也无法在不使用jquery的情况下根据按键移动球拍。