変身5■複数の画像並べて画像変化    UP日時 : 2025/11/11

●2025/11/11:即時関数で囲んで、グローバル変数を消しました。

■並んだフグがランダムで変身するJavaScriptはこちら→ 変身1■膨らむフグ-基本(後ろにサメ)

上記のJavaScriptを改造しました。
ランダムに並んだ複数画像がランダムに別の画像に変化をします。
見本では6種類の画像を使用してランダムに8枚並べました。
画像種類は増減可能です。並べる枚数も増減可能です。

複数の画像がランダムに別画像に変化しますが、一種類だけは初期表示以外は必ず表示されます。
今回はその一種類は「動くJavaScriptです」という画像になります。



今回から、初めてJavaScriptで「var」ではなく「const」と「let」を使用してみました。
区別がよくわかりません。
使い方を間違えると動作しません。試行錯誤を繰り返しながら挑戦してみます。

■並んだ複数の画像がランダムに変身するJavaScript関連コーナーはこちら→ その他・変身・メニュー