Szablon:Edycja: Różnice pomiędzy wersjami

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
 
(Nie pokazano 10 wersji utworzonych przez 2 użytkowników)
Linia 1: Linia 1:
<altaronpanel title="[[Plik:Zwój_Przemiany.gif]] Kalkulator Punktów Nauki">
<altaronpanel title="[[Plik:Zwój_Przemiany.gif]] Kalkulator Punktów Nauki" style="2" titleCSS="text-align: center;>


<html>
<html>
    <style>
  <body>
       .container {
       <div class="form-group">
        width: 500px;
        <label for="profession">Wybierz profesję:</label>
        margin: 5 auto;
        <select class="form-control" id="profession">
        text-align: center;
          <option value="3000">Wojownik</option>
        padding: 20px;
          <option value="4000">Łucznik</option>
      }
          <option value="2000">Mag</option>
      h1 {
        </select>
        font-size: 24px;
       </div>
        margin-bottom: 20px;
      <div class="form-group">
      }
        <label for="ability">Wybierz umiejętność:</label>
      select {
        <select class="form-control" id="ability">
        font-size: 16px;
          <option value="strength">Siła</option>
        padding: 10px;
          <option value="shield">Obrona Tarczą</option>
        margin-bottom: 20px;
          <option value="1h">Bron Jednoręczna</option>
        width: 100%;
          <option value="2h">Broń Dwuręczna</option>
        text-align: center;
          <option value="dist">Walka Dystansowa</option>
      }
          <option value="magic">Magia</option>
      input[type="number"] {
          <option value="alchemy">Alchemia</option>
        font-size: 12px;
          <option value="agility">Zręczność</option>
        padding: 5px 10px;
        </select>
        margin-bottom: 10px;
      </div>
        width: 100%;
      <div class="form-group">
        text-align: center;
        <label for="currentLevel">Wybierz obecny poziom:</label>
      }
        <select class="form-control" id="currentLevel">
      button {
        </select>
        padding: 10px 20px;
      </div>
        font-size: 16px;
      <div class="form-group">
        margin-top: 20px;
        <label for="targetLevel" id="targetLevelLabel">Wybierz docelowy poziom:</label>
        width: 100%;
        <select class="form-control" id="targetLevel">
        background-color: #4CAF50;
        </select>
        color: white;
      </div>
        border: none;
      <div class="form-group d-flex justify-content-center">
        border-radius: 5px;
        <button onclick="calculatePoints()" class="btn btn-primary">Oblicz</button>
        cursor: pointer;
      </div>
      }
      <p id="pointsNeeded" class="font-weight-bold text-center">
      label {
      </p>
        font-size: 14px;
     </div>
        display: block;
  </body>
        margin-bottom: 10px;
   
      }
<script>
      #pointsNeeded {
document.addEventListener("DOMContentLoaded",function(){
        font-weight: bold;
const currentLevelSelect = document.querySelector('#currentLevel');
        font-size: 18px;
const targetLevelSelect = document.querySelector('#targetLevel');
        margin-top: 20px;
const professionInput = document.getElementById("profession");
      }
const abilityInput = document.getElementById("ability");
    </style>
 
const updateLevels = function() {
    <div class="container">
currentLevelSelect.innerHTML = '';
      <label for="profession">Wybierz profesję:</label>
targetLevelSelect.innerHTML = '';
    <select id="profession">
      <option value="3000">Wojownik</option>
const limit = !!this.Altaron ? Altaron.getSkillLimit(professionInput.value, abilityInput.value) : 200;
  <option value="4000">Łucznik</option>
      <option value="2000">Mag</option>
for (let i = 1; i <= limit; i++) {
    </select>
const option1 = document.createElement('option');
       <label for="ability">Wybierz umiejętność:</label>
option1.value = i;
    <select id="ability">
option1.textContent = i;
      <option value="strength">Siła</option>
targetLevelSelect.appendChild(option1);
  <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>
<br />


  <label for="currentLevel">Wybierz obecny poziom:</label>
const option2 = document.createElement('option');
  <select id="currentLevel">
option2.value = i;
  </select>
option2.textContent = i;
  <br>
currentLevelSelect.appendChild(option2);
  <label for="targetLevel">Wybierz docelowy poziom:</label>
}
  <select id="targetLevel">
};
  </select>
   
  <br>
     updateLevels();
 
<script>
const clearInputErrors = function() {
  const currentLevelSelect = document.querySelector('#currentLevel');
document.getElementById("targetLevel").classList.remove("is-invalid");
  for (let i = 3; i <= 200; i++) {
document.getElementById("targetLevelLabel").classList.remove("text-danger");
     const option = document.createElement('option');
};
    option.value = i;
    option.textContent = i;
    currentLevelSelect.appendChild(option);
  }


  const targetLevelSelect = document.querySelector('#targetLevel');
professionInput.addEventListener('change', function(){
  for(let i = 4; i <= 200; i++) {
updateLevels();
    const option = document.createElement('option');
clearInputErrors();
    option.value = i;
});
    option.textContent = i;
abilityInput.addEventListener('change', function(){
    targetLevelSelect.appendChild(option);
updateLevels();
  }
clearInputErrors();
 
});
  function calculatePoints() {
         var profession = document.getElementById("profession").value;
         var currentLevel = parseInt(document.getElementById("currentLevel").value);
window.calculatePoints = function() {
         var targetLevel = parseInt(document.getElementById("targetLevel").value);
         var profession = professionInput.value;
         var ability = document.getElementById("ability").value;
         var ability = abilityInput.value;
         var currentLevel = parseInt(currentLevelSelect.value);
         var targetLevel = parseInt(targetLevelSelect.value);
         var pointsNeeded = 0;
         var pointsNeeded = 0;
         var limit = Altaron.getSkillLimit(profession, ability);
         var limit = Altaron.getSkillLimit(profession, ability);


  if (targetLevel > limit) {
clearInputErrors();
    document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom jest większy niż maksymalny poziom " + limit + ".";
 
    return;
if (targetLevel > limit) {
  }
document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom jest większy niż maksymalny poziom " + limit + ".";
document.getElementById("targetLevel").classList.add("is-invalid");
document.getElementById("targetLevelLabel").classList.add("text-danger")
return;
}
else if (targetLevel < currentLevel) {
document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom " + targetLevel + " nie może być mniejszy od obecnego " + currentLevel + ".";
document.getElementById("targetLevel").classList.add("is-invalid");
document.getElementById("targetLevelLabel").classList.add("text-danger")
return;
}


         for(var i = currentLevel; i < targetLevel; i++) {
         for(var i = currentLevel; i < targetLevel; i++) {
                pointsNeeded += Altaron.getLearnPointsForLevel(profession, ability, i);
pointsNeeded += Altaron.getLearnPointsForLevel(profession, ability, i);
         }
         }
        document.getElementById("pointsNeeded").innerHTML = "Brakuje Ci " + pointsNeeded + " punktów nauki.";
};


        document.getElementById("pointsNeeded").innerHTML = "Brakuje Ci " + pointsNeeded + " punktów nauki.";  
});
  }
</script>
</script>
<button onclick="calculatePoints()">Oblicz</button>
<br>
<span id="pointsNeeded"></span>
</html>
</html>
</altaronpanel>
</altaronpanel>

Aktualna wersja na dzień 18:26, 15 lut 2023

Zwój Przemiany.gif Kalkulator Punktów Nauki

Źródło: „https://wiki.altaron.pl/index.php?title=Szablon:Edycja&oldid=129254”