Кубики, переменные функции, срез массива, новая кнопка, другая функция

Question

Я новичок в JavaScript, и мне нужны некоторые идеи/помощь, как я мог бы заставить мой скрипт работать. Итак, идея состоит в том, что вы бросаете две кубики, которая прокатается, нажимая кнопку «roll», а затем кнопку сброса, которая сбрасывает все, во всем HTML.

Итак, дело в том, что обе глаза показывают «5», поэтому «5» следует удалить из массива/функции, если нажата кнопка «roll», две кубики должны быть способны приземлиться на 1,2,3,4 и 6, а затем он будет продолжать удалять цифры из массива/функции, если обе кубики показывают одинаковое число.

И кнопка останова, просто сбросьте все, полностью.

function rollDice() { 
//var points = new Array(1,2,3,4,5,6); 
var a = new Array(1,2,3,4,5,6); 
var die1 = document.getElementById("die1"); 
var die2 = document.getElementById("die2"); 
var status = document.getElementById("status"); 
var d1 = a[Math.floor(a.length * Math.random())]; 
var d2 = a[Math.floor(a.length * Math.random())]; 
var diceTotal = d1 + d2; 
die1.innerHTML = d1; 
die2.innerHTML = d2; 
if(d1 == d2){ 
    function nyroll() { 
    var b = new Array(1,2,3); 
    var die1 = document.getElementById("die1"); 
    var die2 = document.getElementById("die2"); 
    var status = document.getElementById("status"); 
    var d1 = b[Math.floor(b.length * Math.random())]; 
    var d2 = b[Math.floor(b.length * Math.random())]; 
    var diceTotal = d1 + d2; 
    die1.innerHTML = d1; 
    die2.innerHTML = d2; 
    } 

Это моя функция, так что проезд. Мне было интересно, может ли я сделать какую-то переменную функцию для кнопки onClick, поэтому функция, которую она запускала бы, зависела бы от того, какие числа когда-либо удалялись.

Answer 1

что-то вроде этого? вы можете посмотреть в консоли, чтобы увидеть массив, поскольку он становится меньше, потому что значение d1 == d2 извлекается из массива доступных чисел.

var a = [1, 2, 3, 4, 5, 6]; 
 
    var die1 = document.getElementById("die1"); 
 
    var die2 = document.getElementById("die2"); 
 
    var numbersLeft = document.getElementById("numbersLeft"); 
 
    
 
    function rollDice() { 
 
     console.log(a); 
 
     if (a.length > 0) { 
 
      var d1 = a[Math.floor(a.length * Math.random())]; 
 
      var d2 = a[Math.floor(a.length * Math.random())]; 
 
      die1.innerHTML = d1; 
 
      die2.innerHTML = d2; 
 
     if (d1==d2) { 
 
       console.log(d1); 
 
       var index = a.indexOf(d1); 
 
       if (index > -1) { 
 
        a.splice(index, 1); 
 
       } 
 
      }  
 
     } 
 
     else { alert('all numbers have been used.'); } 
 
    } 
 
    
 
    function reset() { 
 
     a = [1, 2, 3, 4, 5, 6]; 
 
     die1.innerHTML = ''; 
 
     die2.innerHTML = ''; 
 
    }

.die { 
 
    border: 1px solid black; 
 
    width: 30px; 
 
    height: 30px; 
 
    display:inline-block; 
 
    margin:10px; 
 
    padding:10px; 
 
    text-align: center; 
 
    vertical-align: middle; 
 
    background-color:lightgray; 
 
}

<a href="#" onclick="rollDice()">Roll Dice</a><br/><br/> 
 
<a href="#" onclick="reset()">Reset</a><br/><br/> 
 
<div class="die" id="die1"></div> 
 
<div class="die" id= "die2"></div>