JavaScript: table の td タグにイベント処理を付ける (1-1)

クリックしたセルの色を変えるサンプル。
td タグに onclick= で関数をつける。

例:
<tr>
<td onclick="onclickTd(this)">0-0</td>
<td onclick="onclickTd(this)">0-1</td>
...

セルをクリックすると色が変わる
0-0	0-1	0-2	0-3
1-0	1-1	1-2	1-3
2-0	2-1	2-2	2-3

デバッグ出力

(2009-2023/12)
動作 : Edge120, Firefox120, Chrome119, IE11

◎ ノート
・このサンプルではすべての td タグに onclick="onclickTd(this)" 
　を記述しています。繰り返し同じ記述が出てきます。

  td に onclick="..." を書かず、JavaScript でまとめて初期化
　処理を行うには？
  TestJS_event_table_ES2015.html に続く。