如何解决DOM中的分数未更新
无法弄清楚为什么我的分数没有在DOM中更新。当我打印出来时,它会在控制台中正确更新。任何帮助将不胜感激!
以下代码:
------ HTML -----
<header>
<h1 id="score">$0</h1>
<h1>Welcome To The Landscaper Game</h1>
<img id="landscaper"src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQquSwF4xk5fT2J1P3aUWEEOTIdDI4m2p6Iew&usqp=CAU" alt="picture of gardner">
<button class="buttons" id="start-game">Click to Start Game</button>
</header>
----- Javascript ----
let userEarnings = 0;
let scoreboardDOMLocation = document.getElementById('score').innerText
console.log(scoreboardDOMLocation);
const teethEarnings = () => {
scoreboardDOMLocation = (userEarnings += earnings.teeth);
console.log('You clicked on teeth');
console.log(scoreboardDOMLocation);
}
document.getElementById('teethPic').addEventListener('click',teethEarnings);
解决方法
@Andreas是正确的。您只存储了h1 html元素的文本,但没有存储 引用实际的html元素。代码应如下所示:
let scoreboardDOMLocation = document.getElementById('score');
const teethEarnings = () => {
scoreboardDOMLocation.innerHTML = (userEarnings += earnings.teeth);
console.log('You clicked on teeth');
}
document.getElementById('teethPic').addEventListener('click',teethEarnings);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。