Skip to content

Commit

Permalink
Update PointBuy.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@Oytun12
Oytun12 authored Aug 9, 2024
1 parent ba470dc commit f3efc88
Showing 1 changed file with 138 additions and 33 deletions.
171 changes: 138 additions & 33 deletions PointBuy/PointBuy.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,27 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>D&D Character Creator</title>
<title>D&D Character Creator (Point Buy)</title>
<link rel="stylesheet" href="stylesPointBuy.css">
</head>
<body>
<header>
<div class="menu-icon" onclick="toggleMenu()">☰</div>
<div class="title">Karakter Oluşturucu</div>
<img src="SariZar.png" alt="Logo" class="logo-img">
<nav id="hamburger-menu" class="hidden">
<ul>
<li><a href="index.html">Ana Sayfa</a></li>
<li><a href="irklar.html">Irklar</a></li>
<li><a href="karGec.html">Karakter Geçmişleri</a></li>
<li><a href="siniflar.html">Sınıflar</a></li>
<li><a href="karakterOl.html">Karakter Oluşturma</a></li>
<li><a href="PointBuy.html">Karakter Oluşturma (Point Buy)</a></li>
</ul>
</nav>
</header>
<div class="container">
<h1>D&D Character Creator</h1>
<h1>D&D Character Creator Point Buy</h1>
<form id="character-form">
<table>
<thead>
Expand All @@ -24,62 +39,152 @@ <h1>D&D Character Creator</h1>
<tbody>
<tr>
<td>Strength</td>
<td><input type="number" id="strength" name="strength" value="8" min="8" max="15"></td>
<td><span id="strength-racial">0</span></td>
<td><span id="strength-total">8</span></td>
<td><span id="strength-modifier">-1</span></td>
<td><span id="strength-cost">0</span></td>
<td><input type="number" id="str" name="str" value="8" min="8" max="15"></td>
<td><span id="str-racial">0</span></td>
<td><span id="str-total">8</span></td>
<td><span id="str-modifier">-1</span></td>
<td><span id="str-cost">0</span></td>
</tr>
<tr>
<td>Dexterity</td>
<td><input type="number" id="dexterity" name="dexterity" value="8" min="8" max="15"></td>
<td><span id="dexterity-racial">0</span></td>
<td><span id="dexterity-total">8</span></td>
<td><span id="dexterity-modifier">-1</span></td>
<td><span id="dexterity-cost">0</span></td>
<td><input type="number" id="dex" name="dex" value="8" min="8" max="15"></td>
<td><span id="dex-racial">0</span></td>
<td><span id="dex-total">8</span></td>
<td><span id="dex-modifier">-1</span></td>
<td><span id="dex-cost">0</span></td>
</tr>
<tr>
<td>Constitution</td>
<td><input type="number" id="constitution" name="constitution" value="8" min="8" max="15"></td>
<td><span id="constitution-racial">0</span></td>
<td><span id="constitution-total">8</span></td>
<td><span id="constitution-modifier">-1</span></td>
<td><span id="constitution-cost">0</span></td>
<td><input type="number" id="con" name="con" value="8" min="8" max="15"></td>
<td><span id="con-racial">0</span></td>
<td><span id="con-total">8</span></td>
<td><span id="con-modifier">-1</span></td>
<td><span id="con-cost">0</span></td>
</tr>
<tr>
<td>Intelligence</td>
<td><input type="number" id="intelligence" name="intelligence" value="8" min="8" max="15"></td>
<td><span id="intelligence-racial">0</span></td>
<td><span id="intelligence-total">8</span></td>
<td><span id="intelligence-modifier">-1</span></td>
<td><span id="intelligence-cost">0</span></td>
<td><input type="number" id="int" name="int" value="8" min="8" max="15"></td>
<td><span id="int-racial">0</span></td>
<td><span id="int-total">8</span></td>
<td><span id="int-modifier">-1</span></td>
<td><span id="int-cost">0</span></td>
</tr>
<tr>
<td>Wisdom</td>
<td><input type="number" id="wisdom" name="wisdom" value="8" min="8" max="15"></td>
<td><span id="wisdom-racial">0</span></td>
<td><span id="wisdom-total">8</span></td>
<td><span id="wisdom-modifier">-1</span></td>
<td><span id="wisdom-cost">0</span></td>
<td><input type="number" id="wis" name="wis" value="8" min="8" max="15"></td>
<td><span id="wis-racial">0</span></td>
<td><span id="wis-total">8</span></td>
<td><span id="wis-modifier">-1</span></td>
<td><span id="wis-cost">0</span></td>
</tr>
<tr>
<td>Charisma</td>
<td><input type="number" id="charisma" name="charisma" value="8" min="8" max="15"></td>
<td><span id="charisma-racial">0</span></td>
<td><span id="charisma-total">8</span></td>
<td><span id="charisma-modifier">-1</span></td>
<td><span id="charisma-cost">0</span></td>
<td><input type="number" id="cha" name="cha" value="8" min="8" max="15"></td>
<td><span id="cha-racial">0</span></td>
<td><span id="cha-total">8</span></td>
<td><span id="cha-modifier">-1</span></td>
<td><span id="cha-cost">0</span></td>
</tr>
</tbody>
</table>

<div class="summary">
<button type="reset" id="reset-btn">Reset</button>
<button type="button" id="reset-btn" onclick="window.location.href='../karakterOl.html'">Geri Dön</button>
<p>Total Points: <span id="total-points">0/27</span></p>
</div>
<button type="submit" id="submit-btn" disabled>Create Character</button>
</form>
<form id="race-form">
<label for="race">Oynamak istediğiniz ırkı seçiniz:</label>
<select id="race" name="race">
<option value="select">Seçiniz</option>
<option value="Human">İnsan</option>
<!-- <option value="HumanVariant">Alternatif İnsan</option> -->
<option value="Elf(Ulu)">Elf(Ulu)</option>
<option value="Elf(Or)">Elf(Orman)</option>
<option value="Elf(Drow)">Elf(Drow)</option>
<option value="Dwarf(Dağ)">Cüce(Dağ)</option>
<option value="Dwarf(Tepe)">Cüce(Tepe)</option>
<option value="Halfling(Tez)">Buçukluk (Tez Ayak)</option>
<option value="Halfling(Tık)">Buçukluk (Tıknaz)</option>
<option value="Dragonborn">Ejderdoğan</option>
<option value="Gnome(Kaya)">Gnome(Kaya)</option>
<option value="Gnome(Or)">Gnome(Orman)</option>
<option value="Tiefling">Tiefling</option>
<!-- <option value="Yarı-Elf">Yarı-Elf</option> -->
<option value="Yarı-Orc">Yarı-Orc</option>
<!-- Diğer ırklar burada -->
</select>
<div id="race-info" class="hidden"></div>
</form>
<form id="background-form">
<p>Oynamak istediğiniz karakter geçmişini seçiniz:</p>
<select id="background" name="background" required>
<option value="">Seçiniz</option>
<option value="Soldier">Asker</option>
<option value="Sage">Bilge</option>
<option value="Denizci">Denizci</option>
<option value="DenizciKorsan">Alternatif Denizci (Korsan)</option>
<option value="GosteriAdamı">Gösteri Adamı</option>
<option value="GosteriAdamiGladyator">Alternatif Gösteri Adamı (Gladyatör)</option>
<optxion value="FolkHero">Halk Kahramanı</option>
<option value="LocaZanaatkari">Loca Zanaatkarı</option>
<option value="LocaZanaatkariTuccar">Alternatif Loca Zanaatkarı (Loca Tüccarı)</option>
<option value="Munzevi">Münzevi (İnzivaya çekilmiş kimse)</option>
<option value="Murit">Mürit</option>
<option value="SokakCocugu">Sokak Çocuğu</option>
<option value="Soylu">Soylu</option>
<option value="SoyluSovalye">Alternatif Soylu (Şövalye)</option>
<option value="Suclu">Suçlu</option>
<option value="SucluAjan">Alternatif Suçlu (Ajan)</option>
<option value="Yabanci">Yabancı</option>
<option value="Sarlatan">Şarlatan</option>
</select>
<div id="background-info" class="hidden"></div>
</form>
<form id="class-form">
<p>Oynamak istediğiniz sınıfı seçiniz:</p>
<select id="class" name="class" required>
<option value="">Seçiniz</option>
<option value="Barbarian">Barbar</option>
<option value="Bard">Bard</option>
<option value="Cleric">Rahip</option>
<option value="Druid">Druid</option>
<option value="Fighter">Savaşçı</option>
<option value="Monk">Keşiş</option>
<option value="Paladin">Paladin</option>
<option value="Ranger">Korucu</option>
<option value="Rogue">Hırsız</option>
<option value="Sorcerer">Sihrbaz</option>
<option value="Warlock">Warlock</option>
<option value="Wizard">Büyücü</option>
</select>
<div id="class-info" class="hidden"></div>
</form>
<p id="skill-slots">Kalan Skill Yuvası: 0</p>
<p id="skill-slot-eksi">(Skill yuvanız DM'iniz ile anlaşmadıysanız eksiye düşemez !!!)</p>
<ul id="sortable">
<li><button id='But-acrobatics' class='skillButton' onclick='window.toggleBonusAcrobatics()'>+2</button> Acrobatics (Akrobasi) <span class='sagayasla'>DEX: <span id='acrobatics'>0</span></span></li>
<li><button id='But-animalHandling' class='skillButton' onclick='window.toggleBonusAnimalHandling()'>+2</button> Animal Handling (Hayvan İdaresi) <span class='sagayasla'>WIS: <span id='animalHandling'>0</span></span></li>
<li><button id='But-arcana' class='skillButton' onclick='window.toggleBonusArcana()'>+2</button> Arcana (Büyücülük) <span class='sagayasla'>INT: <span id='arcana'>0</span></span></li>
<li><button id='But-athletics' class='skillButton' onclick='window.toggleBonusAthletics()'>+2</button> Athletics (Atletizm) <span class='sagayasla'>STR: <span id='athletics'>0</span></span></li>
<li><button id='But-deception' class='skillButton' onclick='window.toggleBonusDeception()'>+2</button> Deception (Aldatma) <span class='sagayasla'>CHA: <span id='deception'>0</span></span></li>
<li><button id='But-history' class='skillButton' onclick='window.toggleBonusHistory()'>+2</button> History (Tarih) <span class='sagayasla'>INT: <span id='history'>0</span></span></li>
<li><button id='But-insight' class='skillButton' onclick='window.toggleBonusInsight()'>+2</button> Insight (İçgüdü) <span class='sagayasla'>WIS: <span id='insight'>0</span></span></li>
<li><button id='But-intimidation' class='skillButton' onclick='window.toggleBonusIntimidation()'>+2</button> Intimidation (Gözdağı) <span class='sagayasla'>CHA: <span id='intimidation'>0</span></span></li>
<li><button id='But-investigation' class='skillButton' onclick='window.toggleBonusInvestigation()'>+2</button> Investigation (Araştırma) <span class='sagayasla'>INT: <span id='investigation'>0</span></span></li>
<li><button id='But-medicine' class='skillButton' onclick='window.toggleBonusMedicine()'>+2</button> Medicine (Tıp) <span class='sagayasla'>WIS: <span id='medicine'>0</span></span></li>
<li><button id='But-nature' class='skillButton' onclick='window.toggleBonusNature()'>+2</button> Nature (Doğa) <span class='sagayasla'>INT: <span id='nature'>0</span></span></li>
<li><button id='But-perception' class='skillButton' onclick='window.toggleBonusPerception()'>+2</button> Perception (Algılama) <span class='sagayasla'>WIS: <span id='perception'>0</span></span></li>
<li><button id='But-performance' class='skillButton' onclick='window.toggleBonusPerformance()'>+2</button> Performance (Performans) <span class='sagayasla'>CHA: <span id='performance'>0</span></span></li>
<li><button id='But-persuasion' class='skillButton' onclick='window.toggleBonusPersuasion()'>+2</button> Persuasion (İkna) <span class='sagayasla'>CHA: <span id='persuasion'>0</span></span></li>
<li><button id='But-religion' class='skillButton' onclick='window.toggleBonusReligion()'>+2</button> Religion (Din) <span class='sagayasla'>INT: <span id='religion'>0</span></span></li>
<li><button id='But-sleightOfHand' class='skillButton' onclick='window.toggleBonusSleightOfHand()'>+2</button> Sleight of Hand (El Çabukluğu) <span class='sagayasla'>DEX: <span id='sleightOfHand'>0</span></span></li>
<li><button id='But-stealth' class='skillButton' onclick='window.toggleBonusStealth()'>+2</button> Stealth (Gizlenme) <span class='sagayasla'>DEX: <span id='stealth'>0</span></span></li>
<li><button id='But-survival' class='skillButton' onclick='window.toggleBonusSurvival()'>+2</button> Survival (Hayatta Kalma) <span class='sagayasla'>WIS: <span id='survival'>0</span></span></li>
</ul>
</div>
<script src="scriptsPointBuy.js"></script>
<!-- <script src="scriptsPointBuy.js"></script> -->
</body>
</html>

0 comments on commit f3efc88

Please sign in to comment.