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

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
Linia 34: Linia 34:
<spoiler>
<spoiler>
<html>
<html>
      <style>
    <style>
       .container {
       .container {
         width: 500px;
         width: 500px;
         margin: 5 auto;
         margin: 5 auto;
         text-align: center;
         text-align: center;
border: solid;
        border: 1px solid black;
        padding: 20px;
       }
       }
       h1 {
       h1 {
Linia 49: Linia 50:
         padding: 10px;
         padding: 10px;
         margin-bottom: 20px;
         margin-bottom: 20px;
        width: 100%;
        text-align: center;
       }
       }
       input[type="number"] {
       input[type="number"] {
Linia 54: Linia 57:
         padding: 5px 10px;
         padding: 5px 10px;
         margin-bottom: 10px;
         margin-bottom: 10px;
width: 300px;
        width: 100%;
         text-align: center;
         text-align: center;
       }
       }
       button {
       button {
         padding: 10px 10px;
         padding: 10px 20px;
         font-size: 16px;
         font-size: 16px;
         margin-top: 05px;
         margin-top: 20px;
margin-bottom: 05px;
        width: 100%;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
      label {
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
      }
      #pointsNeeded {
        font-weight: bold;
        font-size: 18px;
        margin-top: 20px;
       }
       }
     </style>
     </style>
Linia 132: Linia 150:
<br><br>
<br><br>
</div>
</div>
</html>
</spoiler>
<spoiler>
<html>
  <head>
    <style>
      .container {
        width: 500px;
        margin: 5 auto;
        text-align: center;
        border: 1px solid black;
        padding: 20px;
      }
      h1 {
        font-size: 24px;
        margin-bottom: 20px;
      }
      select {
        font-size: 16px;
        padding: 10px;
        margin-bottom: 20px;
        width: 100%;
        text-align: center;
      }
      input[type="number"] {
        font-size: 12px;
        padding: 5px 10px;
        margin-bottom: 10px;
        width: 100%;
        text-align: center;
      }
      button {
        padding: 10px 20px;
        font-size: 16px;
        margin-top: 20px;
        width: 100%;
        background-color: #4CAF50;
        color: white;
        border: none;
        border-radius: 5px;
        cursor: pointer;
      }
      label {
        font-size: 14px;
        display: block;
        margin-bottom: 10px;
      }
      #pointsNeeded {
        font-weight: bold;
        font-size: 18px;
        margin-top: 20px;
      }
    </style>
  </head>
  <body>
    <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>
      <label for="currentLevel">Wybierz obecny poziom:</label>
      <select id="currentLevel">
      </select>
      <label for="targetLevel">Wybierz docelowy poziom:</label>
      <select id="targetLevel">
      </select>
      <button onclick="calculatePoints()">Oblicz</button>
      <div id="pointsNeeded">Brakuje ci: 0 punktów nauki.</div>
    </div>
<script>
  const currentLevelSelect = document.querySelector('#currentLevel');
  for (let i = 3; i <= 200; i++) {
    const option = document.createElement('option');
    option.value = i;
    option.textContent = i;
    currentLevelSelect.appendChild(option);
  }
  const targetLevelSelect = document.querySelector('#targetLevel');
  for(let i = 4; i <= 200; i++) {
    const option = document.createElement('option');
    option.value = i;
    option.textContent = i;
    targetLevelSelect.appendChild(option);
  }
 
  function calculatePoints() {
          var profession = document.getElementById("profession").value;
        var currentLevel = parseInt(document.getElementById("currentLevel").value);
        var targetLevel = parseInt(document.getElementById("targetLevel").value);
        var ability = document.getElementById("ability").value;
        var pointsNeeded = 0;
        for(var i = currentLevel; i < targetLevel; i++) {
                pointsNeeded += Altaron.getLearnPointsForLevel(profession, ability, i);
        }
        document.getElementById("pointsNeeded").innerHTML = pointsNeeded;
  }
 
</script>
</html>
</html>
</spoiler>
</spoiler>

Wersja z 20:00, 12 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

Spoiler

Kalkulator punktów nauki





Brakuje ci: punktów nauki.

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