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

Z Altaron Wiki
Nie podano opisu zmian
Nie podano opisu zmian
Linia 2: Linia 2:


<html>
<html>
<center>
  <head>
     <style>
     <!-- Add Bootstrap CSS -->
      .container {
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
        width: 500px;
  </head>
        margin: 5 auto;
  <body>
        text-align: center;
      <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: 5px;
        <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: 5px;
          <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">Wybierz docelowy poziom:</label>
        border: none;
        <select class="form-control" id="targetLevel">
        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 my-5 text-center">
        margin-bottom: 5px;
      </p>
      }
    </div>
      #pointsNeeded {
   </body>
        font-weight: bold;
   
        font-size: 18px;
        margin-top: 0px;
      }
    </style>
    <div class="container">
      <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');
Linia 107: Linia 73:
   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 + ".";
    return;
  }
  else if (targetLevel < currentLevel) {
    document.getElementById("pointsNeeded").innerHTML ="Docelowy poziom " + targetLevel + " nie może być mniejszy od obecnego " + currentLevel + ".";
     return;
     return;
   }
   }
Linia 117: Linia 88:
   }
   }
</script>
</script>
<button onclick="calculatePoints()">Oblicz</button>
<br>
<span id="pointsNeeded"></span>
</center>
</html>
</html>


</altaronpanel>
</altaronpanel>

Wersja z 23:44, 13 lut 2023

Zwój Przemiany.gif Kalkulator Punktów Nauki