饼干点击游戏多变量商店

Question

我是刚开始编码的新手，经过几天的学习，我决定好好利用代码。我从像游戏一样的饼干点击器开始，但有所不同。我有多种资源(石油、黄金(。我取得了很大的进步，但后来我衰落了。但不是普通的商店，有一些可以提高你的收益的物品，而是战争的东西(我还没有，所以我现在只想让它成为一个柜台(，问题是它使用多种资源(黄金、石油(我采用了这些材料提高产量的代码并对其进行了更改，以便它消耗两种资源。但现在它低于 0，这很糟糕。我像个白痴一样在这 6 行代码上花了大约 1.5 个小时，希望你能帮助我。 所以这是我认为工作正常的按钮

<button onclick="automobily()"><p id="cars1"></p></button>

这应该是按钮上写的(至少我把它想象出来了(

document.getElementById("cars1").innerHTML = "Car (0) 100 oil and 50 gold";

这就是问题所在...

function automobily() {
if (oil >= 100 + (cars1))  (gold >= 50 + (cars1)); {
gold -= 50 ;oil -= 100 ;cars1 += 1
carcost = 50    
document.getElementById("oil").innerHTML = oil;
document.getElementById("gold").innerHTML = gold;
document.getElementById("cars1").innerHTML = "cars (" + cars1 + ")" + carcost + " 100 oil and 50 gold";
}
}

它应该工作正常...(至少我希望如此( 所以主要问题是它是负数。另请注意，我是一个乞丐，我不了解所有的编码术语，所以如果你能深入解释一下。提前谢谢。 -霍尔斯普

PS：这是运行它的代码。

<big><b><h1>Gold</h1></b></big>
<img src="mince.png" alt="mince" style="width:180px;height:180px;border:0;" onclick="clickme()" />
<h2><bold><big>You have <element id="gold"></element> grams of gold</big></bold></h2>
<p id="gold"></p><br><br>
<script>
gold = 0;
cps = 0;
autoGs = 0;
employGs = 0;
clicker = 1;
adminGs = 0;
function clickme() {
gold += clicker;
document.getElementById("gold").innerHTML = gold;
}
</script>
<br></br>
<img src="barel.png" alt="Barel" style="width:200px;height:180px;border:0;" onclick="clickme1()" />
<h2><bold><big>You have <element id="oil"></element> barrels of oil</big></bold></h2>
<script>
oil = 0;
cps1 = 0;
bakers1 = 0;
godlybakers1 = 0;
clicker1 = 1;
gloves1 = 0;
function clickme1() {
oil += clicker1;
document.getElementById("oil").innerHTML = oil;
}
</script>
<button onclick="automobily()"><p id="cars1"></p></button>
<script>
document.getElementById("cars1").innerHTML = "Car (0) 100 oil and 50 gold";
function automobily() {
if (oil >= 100 + (cars1))  (gold >= 50 + (cars1)); {
gold -= 50 ;oil -= 100 ;cars1 += 1
carcost = 50    
document.getElementById("oil").innerHTML = oil;
document.getElementById("gold").innerHTML = gold;
document.getElementById("cars1").innerHTML = "cars (" + cars1 + ")" + carcost + " 100 oil and 50 gold";
}
}
</script>   

Answer 1

我认为将您的条件更改为此可以解决：

if ( (oil >= 100 + (cars1)) && (gold >= 50 + (cars1)) )

完整代码

oil = 0;
cps1 = 0;
bakers1 = 0;
godlybakers1 = 0;
clicker1 = 1;
gloves1 = 0;
function clickme1() {
oil += clicker1;
document.getElementById("oil").innerHTML = oil;
}
gold = 0;
cps = 0;
autoGs = 0;
employGs = 0;
clicker = 1;
adminGs = 0;
function clickme() {
gold += clicker;
document.getElementById("gold").innerHTML = gold;
}
document.getElementById("cars1").innerHTML = "Car (0) 100 oil and 50 gold";
function automobily() {
if (oil >= 100 + cars1 && gold >= 50 + cars1) {
gold -= 50;
oil -= 100;
cars1 += 1;
carcost = 50;
document.getElementById("oil").innerHTML = oil;
document.getElementById("gold").innerHTML = gold;
document.getElementById("cars1").innerHTML =
"cars (" + cars1 + ")" + carcost + " 100 oil and 50 gold";
}
}

<big><b><h1>Gold</h1></b></big>
<img src="mince.png" alt="mince" style="width:180px;height:180px;border:0;" onclick="clickme()" />
<h2>
<bold><big>You have <element id="gold"></element> grams of gold</big></bold>
</h2>
<p id="gold"></p><br><br>
<br></br>
<img src="barel.png" alt="Barel" style="width:200px;height:180px;border:0;" onclick="clickme1()" />
<h2>
<bold><big>You have <element id="oil"></element> barrels of oil</big></bold>
</h2>
<button onclick="automobily()"><p id="cars1"></p></button>

也：

• 使用var、let或const关键字声明变量。

• 把你的 Js 脚本放在 html 文件之外