因此,我有一个与单选按钮绑定的功能,当该单选按钮处于启用状态时,该按钮会被抛光。但是问题是,如果我将按钮从乌龟宠物切换到蜥蜴宠物,我的力量就会下降1,而根本不应该改变。
我尝试了一些if语句,但是没有一个给我想要的结果。
这是我的代码:
var Wolf = 1;
var Wolflv = 1;
var WolfCexp = 0;
var WolfMexp = 100;
var NextMaxWolfExp = WolfMexp;
var Strength = 2;
var Wolfstrength = 1
function Wolfandstrength() {
if (document.getElementById("wolf-radio").checked) {
Strength = Strength + Wolfstrength
document.getElementById("Strength").innerHTML = Strength;
} else {
Strength = Strength - Wolfstrength
document.getElementById("Strength").innerHTML = Strength;
}
}
function wolfXpUp() {
if (document.getElementById("wolf-radio").checked && WolfCexp <
WolfMexp) {
setTimeout(wolfXpUp, 200)
WolfCexp = WolfCexp + 1;
document.getElementById("WolfCexp").innerHTML = WolfCexp;
}
if (WolfCexp >= WolfMexp) {
Wolflv = Wolflv + 1;
WolfCexp = 0;
Wolf = Wolf + 1;
Wolfstrength = Wolfstrength + 1;
Strength = Strength + 1;
NextMaxWolfExp = NextMaxWolfExp * 1.5;
}
document.getElementById("Strength").innerHTML = Strength;
document.getElementById('WolfMexp').innerHTML = NextMaxWolfExp;
document.getElementById('Wolflv').innerHTML = Wolflv;
document.getElementById('WolfCexp').innerHTML = WolfCexp;
document.getElementById('Wolf').innerHTML = Wolf;
}
document.getElementById("wolf-radio").addEventListener("change",
wolfXpUp)
document.getElementById("wolf-radio").addEventListener("change",
Wolfandstrength)
document.getElementById("lizard-radio").addEventListener("change",
Wolfandstrength);
document.getElementById("Strength").innerHTML = Strength;
<div id="turtle" class="control">
<label class="radio">
<input type="radio" name="Pets" id="turtle-radio">
</label><img src="turtle.png" alt="turtle" height="100" width="100"> Lv <span id="Turtlelv">1</span> <span id="TurtleCexp">0</span> / <span id="TurtleMexp">100</span>
<br />
<br />
<div id="lizard" class="control">
<label class="radio">
<input type="radio" name="Pets" id="lizard-radio">
</label><img src="lizard.png" alt="lizard" height="42" width="42"> Lv <span id="Lizardlv">1</span> <span id="LizardCexp">0</span> / <span id="LizardMexp">100</span>
<br />
<div id="wolf" class="control">
<label class="radio">
<input type="radio" name="Pets" id="wolf-radio">
</label><img src="wolf.png" alt="wolf" height="60" width="60"> Lv <span id="Wolflv">1</span> <span id="WolfCexp">0</span> / <span id="WolfMexp">100</span></div>
<br />
<span id="Strength">0</span>
我希望从“乌龟”单选按钮切换到蜥蜴按钮时,我的力量不会下降。我以为在功能Wolfandstrength中添加一条if语句可以解决此问题,但是当我从乌龟换成蜥蜴时,实际输出将减少1强度。在选择“狼”单选按钮之前,强度应等于其初始值。我已经将该功能连接到蜥蜴了,因此,如果您从狼切换到蜥蜴,它将正确地将强度更改回其基础。我需要if语句来帮助更改其他按钮。我认为阻止Wolfstrength成为负面问题将解决此问题。