aタグをボタン代わりに使う

これは「ボタンを押したら色を変える」に書いたものの再掲です。
どの記事にあるかわからなくて探せないと困るので、単独記事にします。

aタグをボタン代わりに使う

前回まではボタンを押したら、JavaScriptが作動しましたが、onclick はボタン以外でも使えます。

今回はリンク用のタグ a の onclick を使っています。
ただし、本来aタグはクリックしたらリンク先へ飛ぶものですので、その作用を無効にしないと誤作動します。

javascript:void(0)は何もしないコードです。つまり、リンク先へ飛ぶところに何もしないスクリプトを割り当てることで、作用を無効にしています。

例：

上のソースの実行例：
押して！