47 lines
1.5 KiB
JavaScript
47 lines
1.5 KiB
JavaScript
let die_value = [];
|
|
for (i = 0; i < 5; i++) {
|
|
die_value[i] = new Array(2);
|
|
}
|
|
for (i = 0, j = 1; i < 5; i++, j++) {
|
|
die_value[i][0] = "<img src='dice/die" + j + ".png' />";
|
|
die_value[i][1] = false;
|
|
}
|
|
// let cellOrder = 0;
|
|
function hold(cell) {
|
|
let length = document.getElementsByClassName("dice_pic").length;
|
|
let length_hold = document.getElementsByClassName("dice_pic_hold").length;
|
|
cellOrder = cell.style.order;
|
|
console.log(length);
|
|
if (cell.className == "dice_pic") {
|
|
cell.className = "dice_pic_hold";
|
|
// cell.style.order = cellOrder + 1;
|
|
// console.log(`order${cell.style.order}`)
|
|
} else {
|
|
cell.className = "dice_pic"
|
|
}
|
|
// cellOrder = 0;
|
|
}
|
|
|
|
function rollDice() {
|
|
let dice = document.getElementsByClassName('dice_pic');
|
|
let dice_hold = document.getElementsByClassName('dice_pic_hold');
|
|
document.getElementById('roll').removeAttribute('onclick');
|
|
function shuffDice() {
|
|
for ( i = 0; i < dice.length; i++) {
|
|
var rand = Math.floor(Math.random() * 6) + 1;
|
|
|
|
dice[i].src = 'dice/die' + rand + '.png';
|
|
dice[i].setAttribute('onclick', 'hold(this)');
|
|
}
|
|
}
|
|
for (i = 0, j= 1; i < dice.length; i++, j++) {
|
|
dice[i].removeAttribute('onclick');
|
|
dice[i].src = 'dice/die' + j + '.gif';
|
|
console.log('gif')
|
|
setTimeout(shuffDice, 700)
|
|
|
|
}
|
|
document.getElementById('roll').setAttribute('onclick', 'rollDice()');
|
|
}
|
|
|