6 つのクラスを保持する文字列配列を作成しました。関数はボタンによって呼び出され、クリックするたびに新しいクラスが作成されます。問題は、ボタンをクリックするとランダム化クラスが取得されますが、もう一度ボタンを押すとです。ランダムなクラスではなく、同じクラスが表示されています。ページをリロードすると、ランダムなクラスが生成されますが、言ったように、もう一度クリックすると同じクラスが生成されます。
これは私のランダムな配列です。
var Array=["dice dice-side-one",
"dice dice-side-two",
"dice dice-side-three",
"dice dice-side-four",
"dice dice-side-five",
"dice dice-side-six",
"dice dice-side-six"];
var rand = Array[Math.floor(Math.random() * Array.length)];
function addDiceEvent() {
dicesides_func(rand);
}
}
問題がどこかにある場合は、完全な機能を貼り付けます。
function AddEvent(){
var AddEvent = "add";
var addClassArr= document.getElementsByClassName(AddEvent);
for(var i=0; i<addClassArr.length; i++){
var addClass = addClassArr[i];
addClass.addEventListener("click", addDiceEvent, true);
}
var Array=["dice dice-side-one",
"dice dice-side-two",
"dice dice-side-three",
"dice dice-side-four",
"dice dice-side-five",
"dice dice-side-six",
"dice dice-side-six"];
var rand = Array[Math.floor(Math.random() * Array.length)];
function addDiceEvent() {
dicesides_func(rand);
}
}
AddEvent();