如果Wolf强度<1,如何停止功能关闭

时间:2019-05-31 01:34:14

标签: javascript html

因此,我有一个与单选按钮绑定的功能,当该单选按钮处于启用状态时,该按钮会被抛光。但是问题是,如果我将按钮从乌龟宠物切换到蜥蜴宠物,我的力量就会下降1,而根本不应该改变。

https://prnt.sc/nvogfc

我尝试了一些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"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;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"> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 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成为负面问题将解决此问题。

0 个答案:

没有答案