Javascript 定数/変数について

Question

前提・実現したいこと

Javascriptを勉強中です。
基礎的なブロック崩しで教本どおりに行っていますが、var, let, constの違いで動作がことなります。
ご教授お願いします。

発生している問題・エラーメッセージ

下記コードで変数/定数としてconstの場合動作しません。

該当のソースコード

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var x = canvas.width/2;
var y = canvas.height-30;
var dx = 2;
var dy = -2;

function drawBall() {
ctx.beginPath();
ctx.arc(x, y, 10, 0, Math.PI*2);
ctx.fillStyle = "#0095DD";
ctx.fill();
ctx.closePath();
}

function draw() {
    ctx.clearRect(0, 0, canvas.width, canvas.height);
    drawBall();
    x += dx;
    y += dy;
}

setInterval(draw, 10);

Answer 1

var, let, constの違いで動作がことなります。
下記コードで変数/定数としてconstの場合動作しません。

定数に再代入をすることはできないからです。
const - JavaScript | MDN

Comments

[Jyaga]

ご回答ありがとうございます。定数に再代入できないことは知っていたのですが、どこで再代入しているためエラーになっているのでしょうか？初歩的な質問で申し訳ございません。ご教授お願いします。

[think49]

varをconstに一括置換したとして、再代入コードは下記になります。

x += dx;
y += dy;

そもそも、コンソールにエラーが出ていると思うのですが。