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

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
Linia 35: Linia 35:
<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 {
       form {
         font-size: 24px;
        display: flex;
         margin-bottom: 20px;
        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: 0px;
         margin-bottom: 20px;
         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 125: Linia 108:


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>
      <form>
    <select id="profession">
        <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>
        <br>
    <select id="ability">
        <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 149: Linia 128:
       <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>
        <br>
 
        <label for="currentLevel">Wybierz obecny poziom umiejętności:</label>
  <label for="currentLevel">Wybierz obecny poziom:</label>
        <select id="currentLevel">
  <select id="currentLevel">
        </select>
  </select>
        <br>
  <br>
        <br>
  <label for="targetLevel">Wybierz docelowy poziom:</label>
        <label for="targetLevel">Wybierz docelowy poziom umiejętności:</label>
  <select id="targetLevel">
        <select id="targetLevel">
  </select>
        </select>
  <br>
        <br>
<script>
        <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');
   const currentLevelSelect = document.querySelector('#currentLevel');
   for (let i = 3; i <= 200; i++) {
   for (let i = 3; i <= 200; i++) {
Linia 187: Linia 156:
   }
   }
</script>
</script>
 
    <button onclick="calculatePoints()">Oblicz</button>
<br>
    Brakuje ci: <span id="pointsNeeded"></span> punktów nauki.
<br><br>
<br><br>
</div>
</div>
 
  </body>
</body>
</html>
</html>
</spoiler>
</spoiler>

Wersja z 16:03, 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ść