如何将我的计算数据排成一行，而不是放在彼此下面
如何将我的计算数据排成一行，而不是放在彼此下面
提问于 2014-11-03 12:55:23
无论我做什么造型，我的四个骰子都不会一帆风顺。骰子成双成对，其中一对在另一对下面，而我希望它们排在一排。我不知道我是把它们命名错了，还是不知道，对不起，我对javascript不熟悉
这是我的密码
<link rel="stylesheet" type="text/css" href="bigdice.css">
<body>
<div id = "dice1"> Player 1
<script type ='text/javascript'>
var player1Dice1 = Math.floor (Math.random()*6)+1;
var player1Dice2 = Math.floor (Math.random()*6)+1;</script> </div>
<div id = "dice2"> Player 2
<script>
var player2Dice1 = Math.floor (Math.random()*6)+1;
var player2Dice2 = Math.floor (Math.random()*6)+1;
var scoreP1 = player1Dice1 + player1Dice2;
var scoreP2 = player2Dice1 + player2Dice2;
var opentag = " <img src = 'die";
var closetag = ".gif'>"; </script> </div>
<div><script>
var p1d1 = opentag + player1Dice1 + closetag;
var p1d2 = opentag + player1Dice2 + closetag; </script> </div>
<div>
<script> var p2d1 = opentag + player2Dice1 + closetag;
var p2d2 = opentag + player2Dice2 + closetag; </script> </div>
<script>
document.write ("<div>Score: " + scoreP1);
document.write(p1d1);
document.write(p1d2);
document.write ("<div>Score: " + scoreP2);
document.write(p2d1);
document.write(p2d2);
if (scoreP1 > scoreP2) {
document.write("<div>Player 1 wins.</div>");
}
else if (scoreP2 > scoreP1) {
document.write("<div>Player 2 wins.</div>");
}
else {
document.write("<div>Draw.</div>");
}
if (scoreP1 < scoreP2) {
document.write("<div>Player 1 loses.</div>");
}
else if (scoreP2 < scoreP1) {
document.write("<div>Player 2 loses.</div>");
}
else {
document.write("<div>Draw.</div>");
}
</script>
</body>
</html>回答 1
Stack Overflow用户
回答已采纳
发布于 2014-11-03 13:16:40
如果您希望所有四个骰子都位于同一行，则应更改以下内容：
document.write ("<div>Score: " + scoreP1);
document.write(p1d1);
document.write(p1d2);
document.write ("<div>Score: " + scoreP2);
document.write(p2d1);
document.write(p2d2);至：
document.write ("<div>Score: " + scoreP1 + "</div>");
document.write ("<div>Score: " + scoreP2 + "</div>");
document.write(p1d1 + p1d2 + p2d1 + p2d2);如果您稍后决定将它们放置在div中，则可以使用document.getElementById();
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/26714843
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号