html 我怎样把骰子点数加在一起才算高分+失败?

vpfxa7rd  于 2022-11-27  发布在  其他
关注(0)|答案(2)|浏览(89)

我有一个掷骰子游戏,我必须为学校,我已经走了很远。。游戏是工作,但我的问题是,我必须作出一个高分系统和限制6,7,8,9(如果总数是其中任何一个取决于玩家的选择)它失败的游戏,你重新开始。
我只想为我项目取得高分和失败的部分。
到目前为止,我已经这样做了:

let images = ["dice1.png",
"dice2.png",
"dice3.png",
"dice4.png",
"dice5.png",
"dice6.png"];
let dice = document.querySelectorAll("img");

function roll(){
    dice.forEach(function(die){
        die.classList.add("shake");
    });
    setTimeout(function(){
        dice.forEach(function(die){
            die.classList.remove("shake");
    });
    let dieOneValue = Math.floor(Math.random()*6)
    ;
    let dieTwoValue = Math.floor(Math.random()*6)
    ;
    console.log(dieOneValue,dieTwoValue);
    document.querySelector("#die-1").setAttribute
    ("src", images[dieOneValue]);
    document.querySelector("#die-2").setAttribute
    ("src", images[dieTwoValue]);
    document.querySelector("#total").innerHTML = 
    "Du rullade " + ( (dieOneValue +1) + (dieTwoValue + 1 ) )
},
1000
);
}

而这是他们只能选择一个数字的部分,否则他们会得到一条错误信息。

var numb=document.forms['myform']['num'];
var error=document.getElementById('error');

function validation()
{
    if(numb.value=='')
    {
        error.innerHTML="Bara nummer funkar";
        error.style.display="block";
        return false;
    }
    
    if(numb.value>9)
    {
        error.innerHTML="Bara nummer 6,7,8,9 funkar";
        error.style.display="block";
        return false;
    }
    if (numb.value<6)
    {
        error.innerHTML="Bara nummer 6,7,8,9 funkar";
        error.style.display="block";
        return false;
    }
    return true;
}
x6h2sr28

x6h2sr281#

我的错,如果我使它不清楚等,我做一个网站,而不是通常的掷骰子游戏,你可能会看到谷歌播放器与电脑,你写多少次,它应该滚动,然后你看到谁赢了。
这是我的页面看起来atm. website
我想做一个代码,删除选择任何其他的可能性,然后6,7,8或9作为一个“失败”的数字。如果你的土地上选择的数字,你已经失去了游戏,计算你的高分,使它不可能继续,如果你不重新启动。
提前感谢!ps:我的脑子都快被这部分烧坏了。

gzszwxb4

gzszwxb42#

因此,您需要一个输入字段来要求玩家输入“失败”数字。

<input id="fail-number" type="number" min="6" max="9">

这时你可能需要一个按钮来开始游戏,而掷骰子按钮应该是不可见的。
如果数字输入具有值,则应仅触发start-game按钮上的EventListener。

startGame.addEventListener("click", function() {
  if(failNumber){
    //toggle class on startGame which makes the button invisible
    //toggle class on rollDice which makes the button visible
    //toggle class on number-input which makes the input invisible
    //roll dice or let the user press rollDice button
  };
});

现在你只需要在每次掷骰子后检查骰子总数是否和你的失败数一样。

if(diceSum == failNumber){
  //save current score as highscore
  //set current score to 0
  //toggle class on rollDice which makes button invisible
  //toggle class on startGame which makes button visible
  //toggle class on number-input which makes input visible
} else {
  //add diceSum to current score
}

相关问题