NEW ARTICLE
Rubyのメタプログラミングを極める：コードを自在に操る技術
  1. HOME
  2. javascript
  3. javascript 九九を計算する

javascript 九九を計算する

javascript 九九を計算する

javascriptで、九九を計算するサンプルコードを記述してます。

目次

環境

  • OS windows11 home
  • ブラウザ chrome 106.0.5249.103
Javascript サンプル集はこちら

九九を計算する

for文を2回使用すれば、九九の計算は全てできます。

for (let i = 1; i < 10; i++) {

    for (let j = 1; j < 10; j++) {
       console.log(`${i} × ${j} = ${i*j}`)
    }

}

実行結果

テーブルで作成する場合は、document.writeを使用してhtmlを作成します。

let color;

document.write("<table border='1px'>");

for(let i = 1; i < 10; i++) {

	document.write("<tr style='height:30px;'>");

	for(let j = 1; j < 10; j++) {

		if(j == 1 || i == 1) {
			color = "#6667AB";
		}
		else {
			color = "#fff";
		}

		document.write("<td style='width:25px;background-color:" + color + "'>" + i*j + "</td>");
	}
	document.write("</tr>");
}

document.write("</table>");

実行結果