Jquery 当我点击时禁止更改号码

我需要做一个名为yathzee的游戏，当我第一次掷骰子时，我会得到一个总数加起来的输出。但当我点击一个骰子时，我需要锁定它，所以如果我再次点击掷骰子，那个数字保持不变

这是我的密码

function randomGetal() {
    var getal = Math.floor((Math.random()*6)+1);
    return getal;
}

$(document).ready(function ()
{
$('#werp1').click(function ()
    {
        $('#d1').html(randomGetal());
        $('#d2').html(randomGetal());
        $('#d3').html(randomGetal());
        $('#d4').html(randomGetal());
        $('#d5').html(randomGetal());

        var d1 = $('#d1').html();
        var d2 = $('#d2').html();
        var d3 = $('#d3').html();
        var d4 = $('#d4').html();
        var d5 = $('#d5').html();

        totaal = parseInt(d1) + parseInt(d2) + parseInt(d3) + parseInt(d4) + parseInt(d5);

        $('#totaal').html(totaal);

        $('#d1').click(function ()
        {
            //When i click on dice 1 it needs to lock
            $('#d1').css('background-color', 'grey');
        });

    });

HTML

Javascript opdracht Yahtzee
霍伊
5.
4.
3.
2.
1.

函数randomGetal（）{
var getal=Math.floor（（Math.random（）*6）+1）；
返回格塔尔；
}
函数stopElem（）{
var totaal=0；
$（'.dobbelsteen'）。不（'.not roll'）。每个（函数（）{
$（this.html（randomGetal（））；
totaal+=parseInt（$（this.html（））；
})
$（'#totaal'）.html（totaal）；
}
$（文档）.ready（函数（）{
$（'#werp1'）。单击（函数（）{
stopElem（）；
});
$（'.dobbelsteen'）。单击（函数（）{
//当我点击骰子1时，它需要锁定
$（this.css（'background-color'，'gray'）.addClass（'not-roll'）；
});
});

Javascript opdracht Yahtzee
霍伊
5.
4.
3.
2.
1.

函数randomGetal（）{
var getal=Math.floor（（Math.random（）*6）+1）；
返回格塔尔；
}
函数stopElem（）{
var totaal=0；
$（'.dobbelsteen'）。不（'.not roll'）。每个（函数（）{
$（this.html（randomGetal（））；
totaal+=parseInt（$（this.html（））；
})
$（'#totaal'）.html（totaal）；
}
$（文档）.ready（函数（）{
$（'#werp1'）。单击（函数（）{
stopElem（）；
});
$（'.dobbelsteen'）。单击（函数（）{
//当我点击骰子1时，它需要锁定
$（this.css（'background-color'，'gray'）.addClass（'not-roll'）；
});
});

Javascript opdracht Yahtzee
霍伊
5.
4.
3.
2.
1.
向单击的元素添加一个
类
，然后根据该类执行其余操作


函数randomGetal（）{
var getal=Math.floor（（Math.random（）*6）+1）；
返回格塔尔；
}
//绑定click事件或元素，因为只想使用`one（）`方法触发一次
变量$div=$（'#d1，#d2，#d3，#d4，#d5'）。一（'click'，函数（）{
//将类添加到元素
$（this.addClass（'selected'）；
});
$（文档）.ready（函数（）{
$（'#werp1'）。单击（函数（）{
//为total初始化变量
var-tot=0；
//在div上迭代
$div.html（函数（i，v）{
//如果未选中，则更新文本内容
if（！$（this）.hasClass（'selected'））
v=随机数（）；
//用total解析并添加
tot+=parseInt（v，10）；
//返回并更新html内容
返回v；
})
//如果选择了所有元素，则删除附加的事件句柄
如果（！$div.not（'selected'）.length）$（this.off（'click'）；
//更新总值
$（'totaal'）.html（tot）；
});
});
。已选定{
背景颜色：灰色
}

Javascript opdracht Yahtzee
霍伊
5.
4.
3.
2.
1.
向单击的元素添加一个
类
，然后根据该类执行其余操作


函数randomGetal（）{
var getal=Math.floor（（Math.random（）*6）+1）；
返回格塔尔；
}
//绑定click事件或元素，因为只想使用`one（）`方法触发一次
变量$div=$（'#d1，#d2，#d3，#d4，#d5'）。一（'click'，函数（）{
//将类添加到元素
$（this.addClass（'selected'）；
});
$（文档）.ready（函数（）{
$（'#werp1'）。单击（函数（）{
//为total初始化变量
var-tot=0；
//在div上迭代
$div.html（函数（i，v）{
//如果未选中，则更新文本内容
if（！$（this）.hasClass（'selected'））
v=随机数（）；
//用total解析并添加
tot+=parseInt（v，10）；
//返回并更新html内容
返回v；
})
//如果选择了所有元素，则删除附加的事件句柄
如果（！$div.not（'selected'）.length）$（this.off（'click'）；
//更新总值
$（'totaal'）.html（tot）；
});
});
。已选定{
背景颜色：灰色
}

Javascript opdracht Yahtzee
霍伊
5.
4.
3.
2.
1.
单击骰子时在骰子上添加一个类，然后仅滚动没有该类的。@Sami谢谢，它可以工作，但我可以以更快的方式执行吗？否则，我需要为每个骰子添加类打印6次。单击骰子时在骰子上添加一个类，然后仅滚动没有该类的。@Sami谢谢，它可以工作，但我可以做得更快，否则我需要为每个骰子添加类打印6次。谢谢，它工作完美，但你能解释功能停止给我吗？所以我可以向你学习it@KipVerslaafdestopElem（）中没有太多内容，主要的变化是添加一个带有clicked元素的类，并将其排除在stopElem（）中。$（this.css（'background-color'，'gray'）。addClass（'not-roll'）；谢谢，它工作得很好，但是你能给我解释一下停止功能吗？所以我可以向你学习it@KipVerslaafdestopElem（）中没有太多内容，主要的变化是添加一个带有clicked元素的类，并将其排除在stopElem（）中。$（this.css（'background-color'，'gray'）。addClass（'not-roll'）；
<div class="content">
    <div class="main">
      <h1>Javascript opdracht Yahtzee</h1>
            <button id="werp1" type="button" name="werp" >Gooi</button>
            <div id="d1" class="dobbelsteen">5</div>
            <div id="d2" class="dobbelsteen">4</div>
            <div id="d3" class="dobbelsteen">3</div>
            <div id="d4" class="dobbelsteen">2</div>
            <div id="d5" class="dobbelsteen">1</div>
            <div id="totaal"></div>
      </div>
  </div>