「img」経由で各画像に forEach を割り当てます
<p>HTMLのimgタグの下でJSのforEachを使用しようとしています。 </p><p>これは変数 bobbingPhotos です: </p>
<pre class="brush:php;toolbar:false;">bobbingPhotos.forEach(function(photo) {
var randomDelay = Math.random() * 2; // 0 ～ 2 秒の間のランダムな遅延
photo.style.animationDelay = randomDelay 's';
});</pre>
<p>この問題は、各画像にハードコーディングされたクラス名「bobbing-photo」を割り当てることで解決できますが、画像はテキスト入力から生成されているため、これはできません。 </p>
<pre class="brush:php;toolbar:false;">functiongenerateImages() {
var userInput = document.getElementById('userInput').value;
var imageOutput = document.getElementById('imageOutput');
imageOutput.innerHTML = '';
for (var i = 0; i
