JavaScript»基礎»関数 指定した個数のランダムな整数を返す関数

ファイル名: js-basic/quest_00185.html

下のソースコードに必要なプログラムを書き加えて、ランダムな大きさ・位置いち・色の長方形を表示ひょうじするプログラムを完成させてください。

ソースコード

// ここに、指定した個数のランダムな整数を返す関数 randomInt を書いてね
// 例) randomInt(10) と書いたら、0~9の整数がランダムに得られるように

// ここから下は変更しないこと
const canvas = document.getElementById("canvas");
const context = canvas.getContext("2d");

const w = randomInt(320) + 1;
const h = randomInt(320) + 1;
const x = randomInt(320 - w);
const y = randomInt(320 - h);
const r = randomInt(256);
const g = randomInt(256);
const b = randomInt(256);

context.fillStyle = "rgb(" + r + ", " + g + ", " + b + ")";
context.fillRect(x, y, w, h);

ヒント

わからないときは「ランダムな整数を作ってみる」や「0~5のランダムな整数を作る」でやったことを思い出そう。