我有两个独立的代码，一个是html，另一个是JavaScript。我很难让按钮保持不变，当我为设计添加任何类型的.css文件时，它都会变成白色，我只剩下结果。我想做一个简单的骰子游戏。我没有添加.css表，但你可以用它创建任何简单的.css，然后看到它把它变成白色。按钮消失了。
<!DOCTYPE html>
<html lang="en">
<head>
<script src="pastedC.js"></script>
<title>Casino 2</title>
</head>
<body>
<button onclick="play();" class="play();">Roll the Dice</button>
<p>
</p>
</body>
</html>
js.file
function play() {
var die1 = 5
var die2 = 2
var sum = die1+die2
document.write("Die 1 = " + die1)
document.write("<br/>")
document.write("Die 2 = " + die2)
document.write("<br/>")
document.write("Sum = " + sum)
document.write("<br/>")
if (sum == 7 || sum == 11)
{ document.write("CRAPS - you lose")
document.write("<br/>")
}
else if (die1== die2 && die1%2 == 0)
{
document.write("DOUBLES - you win")
document.write("<br/>")
}
}
document.write("Simple Craps")
document.write("<br/>")
play()
这里的问题是document.write，当您在加载文档后说document.write时，它会完全覆盖现有的文档对象。如果它在此之前运行，它不会覆盖它。
您可以设置特定元素的innerHtml，例如：document.getElementById("container"(.ninnerHTML=；生成HTML"；；