Verfolgung von Modifiziertasten in JavaScript

Mit dem Event-Objekt kann man herausfinden, ob im Moment des Ereignisses die Tasten Ctrl, Alt oder Shift gedrückt wurden. Dies geschieht mit den Eigenschaften ctrlKey, altKey und shiftKey - sie haben den Wert true oder false, je nachdem, ob die entsprechende Taste im Moment des Ereignisses gedrückt war oder nicht.

Sehen wir uns ein Beispiel an. Nehmen wir an, wir haben den folgenden Button:

<button id="elem">text</button>

Beim Klick auf den Button geben wir eine Nachricht aus, ob eine der Tasten Ctrl, Alt oder Shift gedrückt war:

let elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('Ctrl gedrückt');
	}
	
	if (event.altKey) {
		console.log('Alt gedrückt');
	}
	
	if (event.shiftKey) {
		console.log('Shift gedrückt');
	}
});

Gegeben ist ein Element. Sorgen Sie dafür, dass es beim Klick rot eingefärbt wird, aber nur, wenn im Moment des Klicks die Taste Alt gedrückt ist.

Nehmen wir an, Sie haben eine ul-Liste mit li-Tags:

<ul id="elem">
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
	<li>text</li>
</ul>

Sorgen Sie dafür, dass beim Klick auf ein beliebiges li an das Ende seines Textes die Zahl 1 angehängt wird, wenn die Taste Ctrl gedrückt ist, und die Zahl 2, wenn die Taste Shift gedrückt ist.