我正在尝试使用JavaScript和HTML开发二十一点游戏。
我已经单独使用javaScript在repl上进行了测试,并且它效果很好,现在我尝试将其移至HTML页面,以最终可以添加一些图形。
但是,当我在下面运行代码时,没有玩家的手,户主或获胜者出现在屏幕上,但是提示会。
任何人都可以看到这个问题吗?
function play() {
playersQ = prompt('How many people are playing?');
playershands = [];
i = 0;
count = 0;
var player_cards = 0;
function player() {
var player_cards = Math.floor(Math.random() * 21) + 1;
while (player_cards < 21) {
Hit = prompt('Players cards are ' + player_cards + ' Would you like stick or twist?(S/T)')
if (Hit == 'T') {
player_cards = player_cards + Math.floor(Math.random() * 11) + 1;
} else if (Hit == 'S') {
break;
} else if (player_cards > 21) {
alert('Player is bust');
break;
}
}
return player_cards;
}
function house() {
var house_cards = Math.floor(Math.random() * 21) + 1;
document.getElementById('housecurrenthand').innerHTML = ('House has ' + house_cards);
while (house_cards < 18) {
house_cards = house_cards + Math.floor(Math.random() * 11);
document.getElementById('housecurrenthand').innerHTML = ('House has ' + house_cards);
if (house_cards > 21) {
alert('House is bust')
}
}
return house_cards;
}
while (i < playersQ) {
playershands.push(player());
i = i + 1;
}
var house_hand = house();
while (count < playersQ) {
count2 = count + 1
if (playershands[count] > house_hand && playershands[count] < 22) {
document.getElementById('playershand' + [i]).innerHTML = ('Player ' + count2 + ' has ' + playershands[count]);
document.getElementById('winner').innerHTML = ('Player wins');
count = count + 1;
} else if (house_hand > playershands[count] && house_hand < 22) {
document.getElementById('househand').innerHTML = ('House has' + house_hand);
document.getElementById('winner').innerHTML = ('House wins');
break;
} else if (house_hand == playershands[count]) {
document.getElementById('winner').innerHTML = ('draw');
break;
}
}
}
<head>
<h1 align="center">21 Game</h1>
</head>
<body bgcolor="#458B00">
<div align='center'>
<h3>House Cards</h3>
<h5 id='currenthousehand'></h5>
<h5 id='househand'> </h5>
<h3>Players Cards</h3>
<h5 id='playershand1'> </h5>
<h5 id='playershand2'> </h5>
<h5 id='playershand3'> </h5>
<h5 id='playershand4'> </h5>
<h5 id='playershand5'> </h5>
<h5 id='playershand6'> </h5>
<h5 id='playershand7'> </h5>
<h5 id='playershand8'> </h5>
<h5 id='playershand9'> </h5>
<h5 id='playershand10'> </h5>
<h4 id='winner'> </h4>
<button onclick="play()" float='bottom'>Play</button>
</div>
</body>
您正在尝试使用ID housecurrenthandhandhandhandhandhandhand 在第66行(函数house)中到达DOM元素的值,但在您的HTML文件,您已声明了标题,ID CurrenthouseHandHandhandhandhandhandhandhandhandhandhand (第12行)。
如果您不使用Google Chrome,我鼓励您尝试一下。当您的按下 F12 时,有开发人员工具可以帮助您找出问题的位置。
查看Google Chrome的官方文档,其中很多信息如何调试您的Web代码。如果您使用的是任何其他浏览器,只需查找文档或教程如何处理当前的问题。