gpt4 book ai didi

JavaScript 游戏

转载 作者:太空宇宙 更新时间:2023-11-04 16:04:46 29 4
gpt4 key购买 nike

我刚刚制作了这个小游戏,用户可以点击。他可以看到他的点击,就像“cookieclicker”一样。

一切正常,除了一件事。

我尝试通过创建一个代码行变量来缩短我的代码,我重复了很多次。

document.getElementById("hp-bar-p").innerHTML = hp;

这非常有效,可以显示用户所做的点击。但是当我尝试将其变成变量时,它不起作用。示例:

 var hpdraw = document.getElementById("hp-bar-p").innerHTML = hp;

我无法通过将其设为变量来缩短文本,是否有原因?还是我做错了什么?

下面是整个 JavaScript:

<style>
#clicker {
margin: 0 auto;
background-color: white;
width: 500px;
height: 500px;
}
</style>
<link rel="stylesheet" type="text/css" href="../../style.css">

<html>
<body>
<div id="clicker">
<button id="clickerbutton" onclick="onKlik()"> Click me!</button>
<p id="clicktekst"></p><br>
<p id="hp-bar-p"></p><br>
<p id="kills"></p><br>
<button id="upgrade" onclick="upgradeKlik()">upgrade</button>

</div>

</body>
</html>


<script>
var mouseclick = 1;
var clickcounter = 0;
var i = 0;
var hp = 10;
var kills = 0;

var killdraw = document.getElementById("kills").innerHTML = kills;
var hpdraw = document.getElementById("hp-bar-p").innerHTML = hp;
document.getElementById("clicktest").innerHTML = clickcounter;
document.getElementById("hp-bar-p").innerHTML = hp;




function onKlik() {
clickcounter += mouseclick;
hp -= mouseclick;
document.getElementById("clicktekst").innerHTML = clickcounter;
document.getElementById("hp-bar-p").innerHTML = hp;

if (hp<=0) {
kills ++;
hp = 10;
document.getElementById("hp-bar-p").innerHTML = hp;
document.getElementById("kills").innerHTML = kills;
// hpdraw;
// killdraw;

}
}

function upgradeKlik() {
while (i == 0 && clickcounter >= 10) {
//mouseclick += 1;
mouseclick ++;
clickcounter -= 10;
document.getElementById("clicktekst").innerHTML = clickcounter;
break;
}
}
</script>

最佳答案

根据您回答我的“您将使用 hpdraw 等做什么?” 问题的评论:

To shorten the code, so i don't have to use document.getElementById every time.

这一行:

var hpdraw = document.getElementById("hp-bar-p").innerHTML = hp;

hpdraw 设置为 document.getElementById("hp-bar-p").innerHTML = hp结果,即hp 值。

您可能想要:

var hpdraw = document.getElementById("hp-bar-p");
hpdraw.innerHTML = hp

...然后 hpdraw.innerHTML = "something else" 您想稍后再次更新它。

关于JavaScript 游戏,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41963216/

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