我需要使用兩個值A y B設定隨機資料 ID。我需要一個可以做到這一點的腳本
<div class="demo" data-id="A" />
....
</div>
uj5u.com熱心網友回復:
為了歸檔這個認為你必須做三個步驟。
第一:將您需要的所有值收集到一個陣列中。
var myPossibleValues = ["A","B"];
第二:生成一個隨機整數。
基于在 JavaScript 中生成兩個數字之間的亂數
var randNum = Math.round(Math.random() * myPossibleValues.length);
該引數myPossibleValues.length允許您使用附加元素擴展陣列并將其用作最大范圍值。
第三:讀取生成的數字,將其應用于陣列并將其與您的資料屬性相關聯。
var videoDiv = document.getElementsByClassName("demo");
videoDiv[0].setAttribute("data-id",myPossibleValues[randNum]);
getElementsByClassName()由于回傳陣列的事實,[0]這對于 -only- 第一個匹配的 html 元素是必需的。
uj5u.com熱心網友回復:
這個答案是一個很好的解決方案,但由于問題只需要從兩種可能性中選擇一個值,我不會使事情過于復雜。
const demo = document.querySelector('.demo');
demo.setAttribute('data-id', Math.random() > 0.5 ? 'A' : 'B');
該腳本的作用:
- 獲取一個匹配選擇器的元素
.demo data-id根據隨機值是高于 0.5 還是低于 0.5將屬性設定為 A 或 B - 機會是 50/50
轉載請註明出處,本文鏈接:https://www.uj5u.com/houduan/433044.html
標籤:javascript html 班级
