Sledenje modifikatorskih tipk v JavaScript

Z objektom Event lahko ugotovimo, ali so bile v trenutku dogodka pritisnjene tipke Ctrl, Alt in Shift. To naredimo s pomočjo lastnosti ctrlKey, altKey in shiftKey - imajo vrednost true ali false, odvisno od tega, ali je bila ta tipka pritisnjena v času dogodka ali ne.

Poglejmo si primer. Naj imamo naslednji gumb:

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

Ob kliku na gumb bomo izpisali sporočilo o tem, ali je bila pritisnjena ena od tipk Ctrl, Alt in Shift:

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

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

Podan je element. Naredite tako, da se ob kliku nanj pobarva rdeče, vendar le če je v trenutku klika pritisnjena tipka Alt.

Naj imate seznam ul z oznakami li:

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

Naredite tako, da se ob kliku na katerokoli li, na konec njenega besedila doda številka 1, če je pritisnjena tipka Ctrl, in številka 2, če je pritisnjena tipka Shift.