Только начал изучать js. Пытаюсь решить задачку но в последнем цикле в js итераций получается 5 а не 10. Подскажите в чем проблема. (интересует только этот момент.
p.s Прошу не писать полное решение задачи т.к хочу сам ее решить
)
Вот код:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<h1>Бои гладиаторов</h1>
<label for="spartakus-power">Легендарус, начальная сила:</label>
<input type="text" id="spartakus-power" value="0">
<h2>Гладиаторы:</h2>
<p>1)
<label>Сложность:</label>
<input name="power1" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power1" type="text" class="power powerWeapon">
</p>
<p>2)
<label>Сложность:</label>
<input name="power2" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power2" type="text" class="power powerWeapon">
</p>
<p>3)
<label>Сложность:</label>
<input name="power3" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power3" type="text" class="power powerWeapon">
</p>
<p>4)
<label>Сложность:</label>
<input name="power4" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power4" type="text" class="power powerWeapon">
</p>
<p>5)
<label>Сложность:</label>
<input name="power5" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power5" type="text" class="power powerWeapon">
</p>
<p>6)
<label>Сложность:</label>
<input name="power6" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power6" type="text" class="power powerWeapon">
</p>
<p>7)
<label>Сложность:</label>
<input name="power7" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power7" type="text" class="power powerWeapon">
</p>
<p>8)
<label>Сложность:</label>
<input name="power8" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power8" type="text" class="power powerWeapon">
</p>
<p>9)
<label>Сложность:</label>
<input name="power9" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power9" type="text" class="power powerWeapon">
</p>
<p>10)
<label>Сложность:</label>
<input name="power10" type="text" class="power powerHard">
<label>Оружие:</label>
<input name="power10" type="text" class="power powerWeapon">
</p>
<button id="start">В бой!</button>
<script>
var spartakusPower = document.getElementById('spartakus-power');
var inputPower = document.getElementsByClassName('power');
var powerHard = document.getElementsByClassName('powerHard');
var powerWeapon = document.getElementsByClassName('powerWeapon');
spartakusPower.value = 15;
var value = 10;
//Цикл устанавливае значение в поля сложность и оружие
for (var i = 0; i < inputPower.length; i++) {
inputPower[i].value = value;
value = value + 5;
}
var sumGladiators = 0;
//Цикл сравнивает силу Легендаруса со сложностью гладиатора и прибавляет оружие побежденного гладиатора к силе Легендаруса
for (var i = 0; i < powerHard.length; i++) {
if (spartakusPower.value > powerHard[i].value) {
spartakusPower.value = +spartakusPower.value + +powerWeapon[i].value;
sumGladiators++;
continue;
} else {
console.logt(sumGladiators);
}
}
if (sumGladiators > 9) {
console.log('Легендарус - победил')
}