所以,我正在尝试制作一个骰子滚轮,你猜对了!,掷骰子。我想在 HTML 按钮单击中调用 javascript 函数。我知道使用 angular 这很容易,但我没有使用 Angular。我正在使用 jQuery,但我不想让整个事情都变成 jQuery,但是,如果必须的话,我会的。无论如何,我正在尝试制作一个添加骰子的按钮,一个删除骰子的按钮,一个为骰子添加一面的按钮,以及一个从骰子上删除一面的按钮。哦,还有一个掷骰子,但我已经把它编码了。
这是我的 HTML(注意:我使用的是 jQuery,所以它可能看起来有点奇怪):
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
$("#button0").click(function(){
diceRoll = 0
for (i=diceAmt;i>0;i--) {
diceRoll += rand(1, diceSides)
}
document.getElementById("dieRoll").innerHTML = diceRoll;
})
</script>
</head>
<body>
<div class="screen">
<div class="top">
<div class="text">
<span id="dieRoll"></span>
</div>
<button class="button1" id="button0"></button>
</div>
<div class="bottom">
<button class="button2">Add die</button>
<button class="button3">Remove die</button>
<br/>
<button class="button2">Add side</button>
<button class="button3">Remove side</button>
</div>
</div>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)
这是我的 JavaScript(再次看起来可能有点奇怪):
var diceAmt = 2
var …
Run Code Online (Sandbox Code Playgroud)