Javascript游戏帮助-骰子计数
在我的作业中，我被要求创建一个使用JavaScript的游戏。这是游戏的前提： 在游戏开始时，有十个筹码。玩家需要在11个方格之间分配筹码。每个正方形指定一个从2到12的数字。一旦玩家放置了所有筹码，他将掷两个骰子数次。记录骰子的总和，并从相应的方块（如果有）中移除一个筹码。移除所有10个筹码所需的掷骰数标志着游戏结束。 所以我才刚开始作业，但我在记录正在进行的卷数时遇到了困难。当我尝试不同的事情时，部分内容被注释掉了。这是我的密码：Javascript游戏帮助-骰子计数,javascript,Javascript,在我的作业中，我被要求创建一个使用JavaScript的游戏。这是游戏的前提： 在游戏开始时，有十个筹码。玩家需要在11个方格之间分配筹码。每个正方形指定一个从2到12的数字。一旦玩家放置了所有筹码，他将掷两个骰子数次。记录骰子的总和，并从相应的方块（如果有）中移除一个筹码。移除所有10个筹码所需的掷骰数标志着游戏结束。 所以我才刚开始作业，但我在记录正在进行的卷数时遇到了困难。当我尝试不同的事情时，部分内容被注释掉了。这是我的密码： <!DOCTYPE html> <ht
<!DOCTYPE html>
<html>
<head>
<style>
div.dice{
float:left;
width:32px;
background:#F5F5F5;
border:#999 1px solid;
padding:10px;
font-size:24px;
text-align:center;
margin:5px;
}
</style>
</head>
<body>
<script type "text/javascript">
function rollDice(){
var die1 = document.getElementById("die1");
var die2 = document.getElementById("die2");
var status = document.getElementById("status");
var d1 = Math.floor(Math.random() * 6) + 1;
var d2 = Math.floor(Math.random() * 6) + 1;
var diceTotal = d1 + d2;
die1.innerHTML = d1;
die2.innerHTML = d2;
status.innerHTML = "You rolled " + diceTotal;
}
var count = 0;
function displayTotal() {
count = parseInt(count) + parseInt(1);
var divData = document.getElementById("showCount");
divData.innerHTML = "Number of Rolls: " + count;
};
/**function displayTotal(val) {
var count = document.getElementById('count').value;
var new_count = parseInt(count, 10) + val;
if (new_count < 0) {new_count = 0;}
document.getElementById('count').value = new_count;
return new_count;
} *//
</script>
<div id="die1" class="dice">0</div>
<div id="die2" class="dice">0</div>
<button id = "roll" onclick="rollDice()">Roll Dice</button>
<div id ="showCount"></div>
<input type = "button" id = "roll" value = "Roll Dice" onclick = rollDice();/>
<h2 id="status" style="clear:left;"></h2>
</body>
</html>
骰子{
浮动：左；
宽度：32px；
背景:#f5；
边框：#999 1px实心；
填充：10px；
字体大小：24px；
文本对齐：居中；
保证金：5px；
}
函数rollDice（）{
var die1=document.getElementById（“die1”）；
var die2=document.getElementById（“die2”）；
var status=document.getElementById（“状态”）；
var d1=数学地板（数学随机（）*6）+1；
var d2=数学地板（数学随机（）*6）+1；
总风险=d1+d2；
die1.innerHTML=d1；
die2.innerHTML=d2；
status.innerHTML=“你掷骰子”+骰子总数；
}
var计数=0；
函数displayTotal（）{
count=parseInt（count）+parseInt（1）；
var divData=document.getElementById（“showCount”）；
divData.innerHTML=“卷数：”+计数；
};
/**函数显示总计（val）{
var count=document.getElementById（'count'）。值；
var new_count=parseInt（count，10）+val；
如果（新计数<0）{new计数=0；}
document.getElementById（'count'）。value=new\u count；
返回新的_计数；
} *//
0
0
掷骰子
- 最初我计划动态删除表示数组元素的文本，因为实际数组元素已被删除。除了那个小的美学缺陷，它的功能正常，它的用户界面也不错
- 我刚刚记得，有一个功能我忽略了添加是一个复位功能，这是次要的
掷骰子
html，
身体{
框大小：边框框；
字体：400 16px/1.5“Palatino-Linotype”；
高度：100vh；
宽度：100vw；
溢出：隐藏；
}
*,
*：之前，
*：之后{
框大小：继承；
保证金：0；
填充：0；
边界：0；
}
身体{
背景色：#222；
颜色：#EFE；
字体变体：小大写字母；
溢出：隐藏；
-webkit点击高亮显示颜色：rgba（0,0,0,0）；
-webkit字体平滑：抗锯齿；
-moz osx字体平滑：灰度；
}
.贝壳{
位置：相对位置；
填充物：1.5em.75em；
保证金：0自动；
身高：100%；
宽度：100%；
}
.内容{
职位：绝对职位；
字体变体：小大写字母；
}
标题{
宽度：100%；
高度：40px；
位置：相对位置；
边缘底部：1.5em；
}
h1{
颜色：hsla（45,100%，60,1）；
字号：700；
线高：1；
字母间距：.5px；
字体大小：3rem；
边际：0.02米0；
}
.die1，
.die2{
宽度：48px；
高度：48px；
背景色：hsla（0,100%，50%，0.6）；
边界半径：7px；
显示：内联表；
边缘：2米；
左侧填充：4px；
}
皮普分区{
宽度：8px；
高度：8px；
背景色：hsla（60,100%，80,1）；
边界半径：60px；
填充：1px；
文本对齐：居中；
}
.行{
宽度：24px；
高度：8px；
}
.空白处{
宽度：8px；
高度：8px；
填充：1px；
文本对齐：居中；
}
#抛，
#重置{
高度：32px；
宽度：64px；
颜色：hsla（180,100%，30,1）；
边框：1px插入hsla（228100%，50%，1）；
边界半径：7px；
文本对齐：居中；
字号：1.2rem；
字体变体：小大写字母；
显示：内联表；
指针事件：自动；
光标：指针；
}
#重置{
显示：无；
}
#设置{
显示：表格；
宽度：-moz-fit内容；
宽度：-webkit适合内容；
宽度：适合的内容；
边界：1个山脊hsla（48,100%，50,1）；
边界半径：7px；
填充物：5px；
}
#场{
宽度：-moz-fit内容；
宽度：-webkit适合内容；
宽度：适合的内容；
边界：1个山脊hsla（48,100%，50,1）；
边界半径：7px；
填充物：5px；
}
.子字段集{
指针事件：无；
}
传奇{
颜色：hsla（45,100%，60,1）；
字体大小：1.5rem；
边际：0 4em 0；
指针事件：无；
}
#设置输入{
宽度：48px；
高度：32px；
背景色：hsla（0,0%，80%，1）；
颜色：hsla（240,100%，40,1）；
字体系列：“源代码Pro”；
字号：1rem；
边框：1px插入hsla（192,100%，50%，1）；
边界半径：7px；
保证金：3倍；
填充：3倍；
光标：指针；
指针事件：自动；
显示：表格单元格；
}
标签{
裕度：0 10px 0 0；
字体变体：正常；
显示：内联表；
颜色：hsla（60,100%，80,1）；
指针事件：无；
}
输出{
颜色：hsla（240,100%，