CharakterCreator

Charakter Creator

 <label>Name: <input type="text" id="name"></label>

 <label>Rasse:
   <select id="rasse" onchange="updateAttributes()">
     <option value="">-- Wähle --</option>
     <option value="elf">Elf</option>
     <option value="ork">Ork</option>
     <option value="mensch">Mensch</option>
   </select>
 </label>

 <label>Subrasse:
   <select id="subrasse" onchange="updateAttributes()">
     <option value="">-- Wähle --</option>
     <option value="waldelf">Waldelf</option>
     <option value="hochmodrasse">Hochmodrasse</option>
   </select>
 </label>

 <label>Klasse:
   <select id="klasse" onchange="updateAttributes()">
     <option value="">-- Wähle --</option>
     <option value="krieger">Krieger</option>
     <option value="magier">Magier</option>
   </select>
 </label>

 <label>Subklasse:
   <select id="subklasse" onchange="updateAttributes()">
     <option value="">-- Wähle --</option>
     <option value="berserker">Berserker</option>
     <option value="feuerzauberer">Feuerzauberer</option>
   </select>
 </label>

Attribute

Attribut	Wert
Stärke	<input id="stärke" type="number" readonly>
Agilität	<input id="agilität" type="number" readonly>
Konstitution	<input id="konstitution" type="number" readonly>
Intelligenz	<input id="intelligenz" type="number" readonly>
Resistenz	<input id="resistenz" type="number" readonly>
Charisma	<input id="charisma" type="number" readonly>
Geschick	<input id="geschick" type="number" readonly>
Wahrnehmung	<input id="wahrnehmung" type="number" readonly>

<script> const basis = {

 stärke: 5,
 agilität: 5,
 konstitution: 5,
 intelligenz: 5,
 resistenz: 5,
 charisma: 5,
 geschick: 5,
 wahrnehmung: 5,

};

const boni = {

 rasse: {
   elf: { agilität: 2, intelligenz: 1 },
   ork: { stärke: 2, konstitution: 1 },
   mensch: { charisma: 1, geschick: 1, intelligenz: 1 },
 },
 subrasse: {
   waldelf: { geschick: 1 },
   hochmodrasse: { resistenz: 1 },
 },
 klasse: {
   krieger: { stärke: 2, konstitution: 1 },
   magier: { intelligenz: 2, resistenz: 1 },
 },
 subklasse: {
   berserker: { stärke: 1, resistenz: 1 },
   feuerzauberer: { intelligenz: 1, wahrnehmung: 1 },
 }

};

function updateAttributes() {

 let attr = { ...basis };

 const r = document.getElementById('rasse').value;
 const sr = document.getElementById('subrasse').value;
 const k = document.getElementById('klasse').value;
 const sk = document.getElementById('subklasse').value;

 [boni.rasse[r], boni.subrasse[sr], boni.klasse[k], boni.subklasse[sk]].forEach(bonus => {
   if (!bonus) return;
   for (const key in bonus) {
     attr[key] += bonus[key];
   }
 });

 for (const key in attr) {
   document.getElementById(key).value = attr[key];
 }

} </script>