Widget:Deklinationsklasse ermitteln

<p>Probier es selbst aus! Gib hier die Lernformen eines Substantivs ein und ermittle die Deklinationsklasse!</p>

<p>
	<label for="input-nom">Nominativ:</label><input type="text" placeholder="dominus" id="input-nom" oninput="renderForms()"/>
	<label for="input-gen">Genitiv:</label><input type="text" placeholder="domini" id="input-gen" oninput="renderForms()"/>
	<label for="input-genus">Genus:</label><select id="input-genus" onchange="renderForms()">
		<option value="m">maskulinum</option>
		<option value="f">femininum</option>
		<option value="n">neutrum</option>
	</select>
</p>

<script>
const DEKLS = {
	o: {
		m: {
			S: ['', 'i', 'o', 'um', 'o', 'e'],
			P: ['i', 'orum', 'is', 'os', 'is']
		},
		f: {
			S: ['', 'i', 'o', 'um', 'o'],
			P: ['i', 'orum', 'is', 'os', 'is']
		},
		n: {
			S: ['', 'i', 'o', 'um', 'o'],
			P: ['a', 'orum', 'is', 'a', 'is']
		}
	},
	a: {
		m: {
			S: ['', 'ae', 'ae', 'am', 'ā'],
			P: ['ae', 'arum', 'is', 'as', 'is']
		},
		f: {
			S: ['', 'ae', 'ae', 'am', 'ā'],
			P: ['ae', 'arum', 'is', 'as', 'is']
		},
		n: {
			S: ['', 'ae', 'ae', 'am', 'ā'],
			P: ['ae', 'arum', 'is', 'as', 'is']
		}
	},
	k: {
		m: {
			S: ['', 'is', 'i', 'em', 'e'],
			P: ['es', 'um', 'ibus', 'es', 'ibus']
		},
		f: {
			S: ['', 'is', 'i', 'em', 'e'],
			P: ['es', 'um', 'ibus', 'es', 'ibus']
		},
		n: {
			S: ['', 'is', 'i', 'em', 'e'],
			P: ['a', 'um', 'ibus', 'a', 'ibus']
		}
	},
	e: {
		m: {
			S: ['', 'ei', 'ei', 'em', 'e'],
			P: ['es', 'erum', 'ebus', 'es', 'ebus']
		},
		f: {
			S: ['', 'ei', 'ei', 'em', 'e'],
			P: ['es', 'erum', 'ebus', 'es', 'ebus']
		},
		n: {
			S: ['', 'ei', 'ei', 'em', 'e'],
			P: ['es', 'erum', 'ebus', 'es', 'ebus']
		}
	},
	i: {
		m: {
			S: ['', 'is', 'i', 'em', 'i'],
			P: ['es', 'ium', 'ibus', 'es', 'ibus']
		},
		f: {
			S: ['', 'is', 'i', 'em', 'i'],
			P: ['es', 'ium', 'ibus', 'es', 'ibus']
		},
		n: {
			S: ['', 'is', 'i', 'em', 'i'],
			P: ['ia', 'ium', 'ibus', 'ia', 'ibus']
		}
	},
	u: {
		m: {
			S: ['', 'ūs', 'ui', 'um', 'u'],
			P: ['ūs', 'uum', 'ibus', 'ūs', 'ibus']
		},
		f: {
			S: ['', 'ūs', 'ui', 'um', 'u'],
			P: ['ūs', 'uum', 'ibus', 'ūs', 'ibus']
		},
		n: {
			S: ['', 'ūs', 'ui', 'u', 'u'],
			P: ['ua', 'uum', 'ibus', 'ua', 'ibus']
		}
	}
}

function edge(id) {
	return document.querySelector('.edgePath[id*=' + id + '] path')
}

function node(id) {
	return document.querySelector('.node[id*=-' + id + '-] rect')
}

function detectDecl() {

	let nom = document.querySelector('#input-nom').value
	let gen = document.querySelector('#input-gen').value
	node('genis').style = null
	node('geni').style = null
	node('a').style = null
	node('e').style = null
	node('i').style = null
	node('o').style = null
	node('u').style = null
	node('k').style = null
	if (nom == '' || gen ==  '') {
		edge('L-gen-genis').style = "stroke: black; fill: none;"
		edge('L-genis-i').style = "stroke: black; fill: none;"
		edge('L-genis-k').style = "stroke: black; fill: none;"
		edge('L-gen-geni').style = "stroke: black; fill: none;"
		edge('L-geni-e').style = "stroke: black; fill: none;"
		edge('L-geni-o').style = "stroke: black; fill: none;"
		edge('L-gen-a').style = "stroke: black; fill: none;"
		edge('L-gen-u').style = "stroke: black; fill: none;"
		edge('L-gen-i').style = "stroke: black; fill: none;"
		edge('L-gen-o').style = "stroke: black; fill: none;"
		edge('L-gen-k').style = "stroke: black; fill: none;"
		return
	} else {
		edge('L-gen-genis').style = "stroke: lightgray; fill: none;"
		edge('L-genis-i').style = "stroke: lightgray; fill: none;"
		edge('L-genis-k').style = "stroke: lightgray; fill: none;"
		edge('L-gen-geni').style = "stroke: lightgray; fill: none;"
		edge('L-geni-e').style = "stroke: lightgray; fill: none;"
		edge('L-geni-o').style = "stroke: lightgray; fill: none;"
		edge('L-gen-a').style = "stroke: lightgray; fill: none;"
		edge('L-gen-u').style = "stroke: lightgray; fill: none;"
		edge('L-gen-i').style = "stroke: lightgray; fill: none;"
		edge('L-gen-o').style = "stroke: lightgray; fill: none;"
		edge('L-gen-k').style = "stroke: lightgray; fill: none;"
	}
	if (gen.endsWith('is')) {
		edge('L-gen-genis').style = "stroke: red; fill: none;"
		node('genis').style = "fill: red;"
		if (nom == gen || nom.endsWith('ar') || nom.endsWith('e') || nom.endsWith('al')) {
			node('i').style = "fill: red;"
			edge('L-genis-i').style = "stroke: red; fill: none;"
			return 'i'
		} else {
			node('k').style = "fill: red;"
			edge('L-genis-k').style = "stroke: red; fill: none;"
			return 'k'
		}
	}
	if (gen.endsWith('i')) {
		node('geni').style = "fill: red;"
		edge('L-gen-geni').style = "stroke: red; fill: none;"
		if (nom.endsWith('es')) {
			node('e').style = "fill: red;"
			edge('L-geni-e').style = "stroke: red; fill: none;"
			return 'e'
		} else {
			node('o').style = "fill: red;"
			edge('L-geni-o').style = "stroke: red; fill: none;"
			return 'o'
		}
	}
	if (gen.endsWith('ae') || gen.endsWith('arum')) {
		node('a').style = "fill: red;"
		edge('L-gen-a').style = "stroke: red; fill: none;"
		return 'a'
	}
	if (gen.endsWith('us') || gen.endsWith('ūs') || gen.endsWith('uum')) {
		node('u').style = "fill: red;"
		edge('L-gen-u').style = "stroke: red; fill: none;"
		return 'u'
	}
	if (gen.endsWith('ium')) {
		node('i').style = "fill: red;"
		edge('L-gen-i').style = "stroke: red; fill: none;"
		return 'i'
	}
	if (gen.endsWith('orum')) {
		node('o').style = "fill: red;"
		edge('L-gen-o').style = "stroke: red; fill: none;"
		return 'o'
	}
	if (gen.endsWith('um')) {
		node('k').style = "fill: red;"
		edge('L-gen-k').style = "stroke: red; fill: none;"
		return 'k'
	}
}

function renderForms() {
	let decl = detectDecl()
	if (decl !== undefined) {
		let nom = document.querySelector('#input-nom').value
		let gen = document.querySelector('#input-gen').value
		let genus = document.querySelector('#input-genus').value
		let stamm = ''
		if (gen.match(/m$/) === null) {
			stamm = gen.slice(0, decl == 'o' ? -1 : -2)
		} else {
			stamm = gen.replace(/(or|er|ar|i|u)?um$/,'')
		}
		// Numeri: Genitiv auf -um => Pluraletantum
		// Singulariatanta sind nicht detektierbar
		let numeri = gen.endsWith('um') ? ['P'] : ['S', 'P']
		// Alle Kasus außer Vokativ:
		for (n of ['S', 'P']) {
			for (k = 0; k <= 4; k = k + 1) {
				if ((n == 'S' && k == 0) || (n == 'S' && k == 3 && genus == 'n')) {
					document.querySelector('#' + n + '-' + k).innerHTML = numeri.includes(n) ? nom : ''
				} else {
					document.querySelector('#' + n + '-' + k).innerHTML = numeri.includes(n) ? stamm + DEKLS[decl][genus][n][k] : ''
				}
			}
		}
		// Vokative:
		if (decl == 'o' && nom.endsWith('ius') && numeri.includes('S')) {
			document.querySelector('#S-5').innerHTML = stamm
		} else if (decl == 'o' && nom.endsWith('us') && numeri.includes('S')) {
			document.querySelector('#S-5').innerHTML = stamm + 'e'
		} else {
			document.querySelector('#S-5').innerHTML = ''
		}
		// 3. Deklination Stämme auf >1 Konsonanten => Genitiv -ium
		if (decl == 'k' && stamm.match(/[bcdfghlmnpqrstvx]{2,}$/g)) {
			document.querySelector('#P-1').innerHTML = stamm + 'ium'
		}
	}
}
</script>