gpt4 book ai didi

javascript - document.getElementById 不会给我 "style"来改变背景颜色

转载 作者:太空宇宙 更新时间:2023-11-03 23:15:16 28 4
gpt4 key购买 nike

所以我有一个“掷”骰子的函数,我正在使用 netbeans 编写我的程序,所以当我编写“document.getElementById”时。我没有得到“style”选项,而唯一的“s”是“seal”......我试着忽略它并以任何一种方式编写它,仍然没有用,这是我的代码:

    <script>
function roll()
{
var firstDie = document.getElementById("dice1");
var secondDie = document.getElementById("dice2");

firstDie.innerHTML = Math.floor(Math.random() * 7);
secondDie.innerHTML = Math.floor(Math.random() * 7);

if (firstDie>secondDie)
{
document.getElementById("dice1").style.backgroundColor = "green";
}
}
</script>
</head>
<body>
<div class="game">
<div id="dice1" class="dice">0</div>
<div id="dice2" class="dice">0</div>

<div id="feed" class="feed">
<br><br>
<button onclick="roll()" id="rollButton" class="rollButton">Roll</button>
</div>
</div>

最佳答案

它只是没有输入 if 语句,因为 domElement > otherElement 将是 false

document.createElement('div') > document.createElement('div')//假

你想要的是:

var firstDieValue = Math.floor(Math.random() * 7),
secondDieValue = Math.floor(Math.random() * 7);

firstDie.innerHTML = firstDieValue;
secondDie.innerHTML = secondDieValue;

if (firstDieValue > secondDieValue) { ... }

此外,考虑提取您的掷骰子策略,例如:

var diceRoll = randomDiceRoll(2),
firstDieValue = diceRoll[0],
secondDieValue = diceRoll[1];

function randomDiceRoll(diceCount) {
return Array.apply(0, Array(diceCount)).map(function () {
return Math.floor(Math.random() * 7);
});
}

关于javascript - document.getElementById 不会给我 "style"来改变背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30813118/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com