Użytkownik:West: Różnice pomiędzy wersjami

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
Linia 31: Linia 31:
{{:WIEŻA - dziwne notatki|Lista}}
{{:WIEŻA - dziwne notatki|Lista}}
</spoiler>
</spoiler>




<html>
<html>
    <style>
  <head>
      .container {
    <!-- Add Bootstrap CSS -->
        width: 500px;
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        margin: 5 auto;
  </head>
        text-align: center;
  <body>
        border: 1px solid black;
      <div class="form-group">
        padding: 20px;
        <label for="profession">Wybierz profesję:</label>
      }
        <select class="form-control" id="profession">
      h1 {
          <option value="3000">Wojownik</option>
        font-size: 24px;
          <option value="4000">Łucznik</option>
        margin-bottom: 20px;
          <option value="2000">Mag</option>
      }
        </select>
      select {
       </div>
        font-size: 16px;
      <div class="form-group">
        padding: 10px;
        <label for="ability">Wybierz umiejętność:</label>
        margin-bottom: 20px;
        <select class="form-control" id="ability">
        width: 100%;
          <option value="strength">Siła</option>
        text-align: center;
          <option value="shield">Obrona Tarczą</option>
      }
          <option value="1h">Bron Jednoręczna</option>
      input[type="number"] {
          <option value="2h">Broń Dwuręczna</option>
        font-size: 12px;
          <option value="dist">Walka Dystansowa</option>
        padding: 5px 10px;
          <option value="magic">Magia</option>
        margin-bottom: 10px;
          <option value="alchemy">Alchemia</option>
        width: 100%;
          <option value="agility">Zręczność</option>
        text-align: center;
        </select>
      }
      </div>
      button {
      <div class="form-group">
        padding: 10px 20px;
        <label for="currentLevel">Wybierz obecny poziom:</label>
        font-size: 16px;
        <select class="form-control" id="currentLevel">
        margin-top: 20px;
        </select>
        width: 100%;
      </div>
        background-color: #4CAF50;
      <div class="form-group">
        color: white;
        <label for="targetLevel" id="targetLevelLabel">Wybierz docelowy poziom:</label>
        border: none;
        <select class="form-control" id="targetLevel" onfocus="clearInputErrors()">
        border-radius: 5px;
        </select>
        cursor: pointer;
      </div>
      }
      <div class="form-group d-flex justify-content-center">
      label {
        <button onclick="calculatePoints()" class="btn btn-primary">Oblicz</button>
        font-size: 14px;
      </div>
        display: block;
      <p id="pointsNeeded" class="font-weight-bold text-center">
        margin-bottom: 10px;
      </p>
      }
    </div>
      #pointsNeeded {
   </body>
        font-weight: bold;
   
        font-size: 18px;
        margin-top: 20px;
      }
    </style>
    <div class="container">
      <h1>Kalkulator punktów nauki</h1>
      <label for="profession">Wybierz profesję:</label>
    <select id="profession">
      <option value="3000">Wojownik</option>
  <option value="4000">Łucznik</option>
      <option value="2000">Mag</option>
    </select>
       <label for="ability">Wybierz umiejętność:</label>
    <select 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>
<br />
 
  <label for="currentLevel">Wybierz obecny poziom:</label>
  <select id="currentLevel">
  </select>
  <br>
  <label for="targetLevel">Wybierz docelowy poziom:</label>
  <select id="targetLevel">
  </select>
   <br>
 
<script>
<script>
   const currentLevelSelect = document.querySelector('#currentLevel');
   const currentLevelSelect = document.querySelector('#currentLevel');
   for (let i = 3; i <= 200; i++) {
   for (let i = 1; i <= 200; i++) {
     const option = document.createElement('option');
     const option = document.createElement('option');
     option.value = i;
     option.value = i;
Linia 123: Linia 89:


   const targetLevelSelect = document.querySelector('#targetLevel');
   const targetLevelSelect = document.querySelector('#targetLevel');
  for(let i = 4; i <= 200; i++) {
const profession = document.getElementById("profession").value;
    const option = document.createElement('option');
const ability = document.getElementById("ability").value;
    option.value = i;
const limit = Altaron.getSkillLimit(profession, ability);
    option.textContent = i;
for (let i = 2; i <= limit; i++) {
    targetLevelSelect.appendChild(option);
  const option = document.createElement('option');
  }
  option.value = i;
  option.textContent = i;
  targetLevelSelect.appendChild(option);
}
    
    
   function calculatePoints() {
   function calculatePoints() {
Linia 140: Linia 109:
   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 + ".";
    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;
     return;
   }
   }
Linia 148: Linia 126:


         document.getElementById("pointsNeeded").innerHTML = "Brakuje Ci " + pointsNeeded + " punktów nauki.";  
         document.getElementById("pointsNeeded").innerHTML = "Brakuje Ci " + pointsNeeded + " punktów nauki.";  
  }
 
  function clearInputErrors(){
    document.getElementById("targetLevel").classList.remove("is-invalid");
    document.getElementById("targetLevelLabel").classList.remove("text-danger")
   }
   }
</script>
</script>
<button onclick="calculatePoints()">Oblicz</button>
<br>
<span id="pointsNeeded"></span>
</html>
</html>

Wersja z 11:39, 15 lut 2023

Spoiler
Notatka Jakis tekst zadania wiecej tekstu.


Macieij: linia 1
Gracz: linia 2323232
Macieij: linia 3


Zwój Przemiany.gif Jakiś tytuł okna
asda
dadaa
ad


Panelik 1

asdasdasd


Zwój Przemiany.gif Panelik

asdasdasd

Spoiler

Zadania Tajemnicza wieża Alchemika


Nazwa Wymagania Potrzebne przedmioty Status Szlachecki Nagroda
WIEŻA - dziwne notatki 55 poziom Nie Exp, dostęp do części mapy zwanej przeszłość