OO variant van clearchildren

[bartvanderwal]

De methode clearChildren in app.ts heb ik even geprobeerd met mooie getypeerde OO oplossing te doen, waarvan ik bronnen vond die leken te helpen. Dit zou meer herbruikbaar zijn. Maar lukte niet, en i.v.m. tijd voorlopig maar even 'simpele' imperatieve manier toegepast voor deze methode.

Hieronder try-out code bacup, mocht ik het ooit weer willen proberen.

Bron:
https://stackoverflow.com/questions/51679889/extend-htmlelement-prototype

class ClearableHTMLElement extends HTMLElement {
	clearChildren() {
		while (this.lastChild) {
			this.removeChild(this.lastChild);
		}
	}
}

declare global {
	interface ClearableHTMLElement {
    	clearChildren(el: ClearableHTMLElement): void
	}
}
HTMLElement.prototype.clearChildren = () => {
	const element = this as Element
	while (element.lastChild) {
		element.removeChild(element.lastChild);
	}
}