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

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
Linia 34: Linia 34:
<html>
<html>
   <head>
   <head>
      <style>
    <style>
       .container {
       .container {
        display: flex;
        flex-direction: column;
        align-items: center;
         width: 500px;
         width: 500px;
         margin: 5 auto;
         margin: 5 auto;
         text-align: center;
         text-align: center;
border: solid;
        border: solid;
       }
       }
       h1 {
 
         font-size: 24px;
       form {
         margin-bottom: 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100%;
        margin-bottom: 0px;
      }
 
      form label {
         font-size: 16px;
         margin-bottom: 0px;
        text-align: left;
       }
       }
       select {
 
       form select,
      form input[type="number"] {
         font-size: 16px;
         font-size: 16px;
         padding: 10px;
         padding: 10px;
         margin-bottom: 20px;
         margin-bottom: 0px;
      }
         width: 300px;
      input[type="number"] {
        font-size: 12px;
         padding: 5px 10px;
        margin-bottom: 10px;
width: 300px;
         text-align: center;
         text-align: center;
       }
       }
       button {
 
       form button {
         padding: 10px 10px;
         padding: 10px 10px;
         font-size: 16px;
         font-size: 16px;
         margin-top: 05px;
         margin-top: 05px;
margin-bottom: 05px;
margin-bottom: 05px;
      }
      h1 {
        font-size: 24px;
        margin-bottom: 20px;
       }
       }
     </style>
     </style>
     <script>
     <script>
function calculatePoints() {
function calculatePoints() {
Linia 107: Linia 124:


document.getElementById("pointsNeeded").innerHTML = pointsNeeded;
document.getElementById("pointsNeeded").innerHTML = pointsNeeded;
}
}   </script>
    </script>
   </head>
   </head>
   <body>  
   <body>
  <div class="container">
    <div class="container">
       <h1>Kalkulator punktów nauki</h1>
       <h1>Kalkulator punktów nauki</h1>
    <select id="profession">
      <form>
        <label for="profession">Wybierz profesję:</label>
        <select id="profession">
       <option value="Warrior">Wojownik</option>
       <option value="Warrior">Wojownik</option>
  <option value="Archer">Łucznik</option>
  <option value="Archer">Łucznik</option>
       <option value="Mage">Mag</option>
       <option value="Mage">Mag</option>
    </select>
        </select>
    <select id="ability">
        <br>
        <br>
        <label for="ability">Wybierz umiejętność:</label>
        <select id="ability">
       <option value="Strength">Siła</option>
       <option value="Strength">Siła</option>
  <option value="Shielding">Obrona Tarczą</option>
  <option value="Shielding">Obrona Tarczą</option>
Linia 127: Linia 148:
       <option value="Alchemy">Alchemia</option>
       <option value="Alchemy">Alchemia</option>
  <option value="Agility">Zręczność</option>
  <option value="Agility">Zręczność</option>
    </select>
        </select>
<br>
        <br>
<input type="number" id="currentLevel" min="3" max="199" placeholder="Obecny poziom umiejętności">
        <br>
<br>
        <label for="currentLevel">Wybierz obecny poziom umiejętności:</label>
<input type="number" id="targetLevel" min="4" max="200" placeholder="Docelowy poziom umiejętności">
        <select id="currentLevel">
<br>
        </select>
    <button onclick="calculatePoints()">Oblicz</button>
        <br>
<br>
        <br>
    Brakuje ci: <span id="pointsNeeded"></span> punktów nauki.
        <label for="targetLevel">Wybierz docelowy poziom umiejętności:</label>
        <select id="targetLevel">
        </select>
        <br>
        <br>
        <button type="button" onclick="calculatePoints()">Oblicz punkty</button>
      </form>
      <br>
      <br>
      <p>
        Wymagane punkty nauki: <span id="pointsNeeded"></span>
      </p>
    </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);
  }
</script>
 
<br><br>
<br><br>
</div>
</div>
  </body>
 
</body>
</html>
</html>
</spoiler>
</spoiler>

Wersja z 16:02, 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











Wymagane punkty 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ść