JSのnumber内の配列の要素を個別に取得して
htmlのclass="word"にランダムに個別に表示させたいです。
下記のコードの解決策が知りたいです。
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <title>練習用</title> </head> <body> <div>第<span class="word"></span>位</div> <div>第<span class="word"></span>位</div> <div>第<span class="word"></span>位</div> <div>第<span class="word"></span>位</div> <div>第<span class="word"></span>位</div> <script> const number = ['1','2','3','4','5',]const word = document.querySelector(".word");
number[Math.floor(Math.random()*number.length)]
number. forEach(function(value){ //配列の数だけ同じ処理をします。 const box = document.createElement("div"); //divを生成 word.appendChild(box); //HTMLの子の要素の子要素として生成 box.className = 'allWord' //クラス名を指定 box.textContent = value; //配列の値を表示する
});
</script> </body> </html>回答1件
あなたの回答
tips
プレビュー