【JavaScript】画像をランダムに表示させる方法 - Qiita

プログラミング勉強日記 2020年10月26日 何枚かの写真からJavaScriptを使ってランダムに1つ表示させる方法を紹介する。 方法 表示候補の画像ファイルリストを事前に準備しておき、乱数を使って1つを選び出して表示させる。 具体的な手順 1. 表示させる可能性のある画像ファイル名をすべて配列に入れる 2. その中からアクセスされるたびに乱数を使って1枚選ぶ 3. 選んだ画像1つを表示させる サンプルコード const imageArea = document.getElementById('imageArea'); const images = ['【画像パス1】', '【画像パス2】', '【画像パス3】']; const imageNo = Math.floor( Math.random() * images.length) imageArea.src = images[ima