Użytkownik:West: Różnice pomiędzy wersjami
Nie podano opisu zmian |
Nie podano opisu zmian |
||
Linia 34: | Linia 34: | ||
<html> | <html> | ||
<head> | <head> | ||
<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; | |||
} | } | ||
font-size: | form { | ||
margin-bottom: | 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: | margin-bottom: 0px; | ||
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> | ||
</head> | </head> | ||
<body> | <body> | ||
<div class="container"> | |||
<h1>Kalkulator punktów nauki</h1> | <h1>Kalkulator punktów nauki</h1> | ||
<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> | |||
<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> | |||
<br> | |||
< | <br> | ||
<br> | <label for="currentLevel">Wybierz obecny poziom umiejętności:</label> | ||
< | <select id="currentLevel"> | ||
<br> | </select> | ||
<br> | |||
<br> | <br> | ||
<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> | |||
</html> | </html> | ||
</spoiler> | </spoiler> |
Wersja z 15:02, 12 lut 2023
Spoiler
Notatka Jakis tekst zadania wiecej tekstu. |
Macieij: linia 1
Gracz: linia 2323232
Macieij: linia 3
asda dadaa ad
Panelik 1
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ść |