CharakterCreator: Unterschied zwischen den Versionen
Aus Dunkelherzen Wiki
DRP (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
DRP (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 2: | Zeile 2: | ||
<style> | <style> | ||
.creator-form { | .creator-form { | ||
max-width: | max-width: 800px; | ||
margin: auto; | margin: auto; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
| Zeile 54: | Zeile 54: | ||
<select id="klasse"> | <select id="klasse"> | ||
<option value="">Wähle...</option> | <option value="">Wähle...</option> | ||
<option value="Krieger">Krieger (+2 Stärke)</option> | <option value="Krieger">Krieger (+2 Stärke, +1 Ausdauer)</option> | ||
<option value="Magier">Magier (+2 Intelligenz)</option> | <option value="Magier">Magier (+2 Intelligenz, +1 Wahrnehmung)</option> | ||
</select> | </select> | ||
| Zeile 61: | Zeile 61: | ||
<select id="rasse"> | <select id="rasse"> | ||
<option value="">Wähle...</option> | <option value="">Wähle...</option> | ||
<option value="Mensch">Mensch (+1 Charisma)</option> | <option value="Mensch">Mensch (+1 Charisma, +1 Konstitution)</option> | ||
<option value="Elf">Elf (+1 Geschick)</option> | <option value="Elf">Elf (+1 Geschick, +1 Intelligenz)</option> | ||
</select> | </select> | ||
| Zeile 72: | Zeile 72: | ||
</tr> | </tr> | ||
</thead> | </thead> | ||
<tbody | <tbody id="attrBody"> | ||
<!-- Dynamisch befüllt --> | |||
< | |||
</tbody> | </tbody> | ||
</table> | </table> | ||
| Zeile 87: | Zeile 84: | ||
<script> | <script> | ||
const basisWerte = { | |||
"Stärke": 5, | |||
"Intelligenz": 5, | |||
"Charisma": 5, | |||
"Geschick": 5, | |||
"Ausdauer": 5, | |||
"Wahrnehmung": 5, | |||
"Konstitution": 5 | |||
}; | |||
const klassenBoni = { | |||
"Krieger": { "Stärke": 2, "Ausdauer": 1 }, | |||
"Magier": { "Intelligenz": 2, "Wahrnehmung": 1 } | |||
}; | |||
const rassenBoni = { | |||
"Mensch": { "Charisma": 1, "Konstitution": 1 }, | |||
"Elf": { "Geschick": 1, "Intelligenz": 1 } | |||
}; | |||
function berechneWerte() { | function berechneWerte() { | ||
const name = document.getElementById("name").value; | const name = document.getElementById("name").value; | ||
| Zeile 92: | Zeile 109: | ||
const rasse = document.getElementById("rasse").value; | const rasse = document.getElementById("rasse").value; | ||
// Basiswerte | // Neue Kopie der Basiswerte | ||
let werte = { | let werte = { ...basisWerte }; | ||
// Klassenboni | // Klassenboni anwenden | ||
if (klasse | if (klassenBoni[klasse]) { | ||
for (let attr in klassenBoni[klasse]) { | |||
werte[attr] = (werte[attr] || 0) + klassenBoni[klasse][attr]; | |||
} | |||
} | |||
// Rassenboni | // Rassenboni anwenden | ||
if (rasse | if (rassenBoni[rasse]) { | ||
for (let attr in rassenBoni[rasse]) { | |||
werte[attr] = (werte[attr] || 0) + rassenBoni[rasse][attr]; | |||
} | |||
} | |||
// | // Tabelle neu befüllen | ||
document.getElementById(" | const attrBody = document.getElementById("attrBody"); | ||
attrBody.innerHTML = ""; | |||
for (let attr in werte) { | |||
const row = `<tr><td>${attr}</td><td>${werte[attr]}</td></tr>`; | |||
attrBody.insertAdjacentHTML("beforeend", row); | |||
} | |||
// JSON- | // JSON-Daten anzeigen | ||
const daten = { | const daten = { | ||
Name: name, | Name: name, | ||
Version vom 26. Juli 2025, 07:34 Uhr
Charakter Creator
| Attribut | Wert |
|---|
