Szablon:Edycja: Różnice pomiędzy wersjami
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 2: | Linia 2: | ||
<html> | <html> | ||
< | <head> | ||
< | <!-- Add Bootstrap CSS --> | ||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> | |||
</head> | |||
<body> | |||
<div class="form-group"> | |||
<label for="profession">Wybierz profesję:</label> | |||
<select class="form-control" id="profession"> | |||
<option value="3000">Wojownik</option> | |||
<option value="4000">Łucznik</option> | |||
<option value="2000">Mag</option> | |||
</select> | |||
</div> | |||
<div class="form-group"> | |||
<label for="ability">Wybierz umiejętność:</label> | |||
<select class="form-control" id="ability"> | |||
<option value="strength">Siła</option> | |||
<option value="shield">Obrona Tarczą</option> | |||
<option value="1h">Bron Jednoręczna</option> | |||
<option value="2h">Broń Dwuręczna</option> | |||
<option value="dist">Walka Dystansowa</option> | |||
<option value="magic">Magia</option> | |||
<option value="alchemy">Alchemia</option> | |||
<option value="agility">Zręczność</option> | |||
</select> | |||
</div> | |||
<div class="form-group"> | |||
<label for="currentLevel">Wybierz obecny poziom:</label> | |||
<select class="form-control" id="currentLevel"> | |||
</select> | |||
</div> | |||
<div class="form-group"> | |||
<label for="targetLevel">Wybierz docelowy poziom:</label> | |||
<select class="form-control" id="targetLevel"> | |||
</select> | |||
</div> | |||
<div class="form-group d-flex justify-content-center"> | |||
<button onclick="calculatePoints()" class="btn btn-primary">Oblicz</button> | |||
</div> | |||
<p id="pointsNeeded" class="font-weight-bold my-5 text-center"> | |||
</p> | |||
</div> | |||
</body> | |||
<label for="ability">Wybierz umiejętność:</label> | |||
< | |||
<script> | <script> | ||
const currentLevelSelect = document.querySelector('#currentLevel'); | const currentLevelSelect = document.querySelector('#currentLevel'); | ||
Linia 107: | Linia 73: | ||
if (targetLevel > limit) { | if (targetLevel > limit) { | ||
document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom jest większy niż maksymalny poziom " + limit + "."; | document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom jest większy niż maksymalny poziom " + limit + "."; | ||
return; | |||
} | |||
else if (targetLevel < currentLevel) { | |||
document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom " + targetLevel + " nie może być mniejszy od obecnego " + currentLevel + "."; | |||
return; | return; | ||
} | } | ||
Linia 117: | Linia 88: | ||
} | } | ||
</script> | </script> | ||
</html> | </html> | ||
</altaronpanel> | </altaronpanel> |