JavaScript»基礎»for文の中でfor文 九九表を作る

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

下のソースコードをうつして、キャンバスに九九の表を表示ひょうじしてください。

ソースコード

const canvas = document.getElementById("canvas");
const context = canvas.getContext("2d");

context.font = "13px monospace";
context.textAlign = "end";

for (let i = 1; i < 10; i++) {
  for (let j = 1; j < 10; j++) {
    context.fillText(i * j, j * 25, i * 15);
  }
}

解説

for文の中にfor文をいれることもできます。
このコードでは、まず j<10 のあいだ内側のfor文がくりかえされます。このとき、jはふえますがiはそのままです。
jが10よりも大きくなると、外側のループが次のくりかえしにうつります。このときにiがふえて、jははじめの値にもどります。