Праћење модификаторских тастера у JavaScript-у

Помоћу објекта Event можемо да сазнамо да ли су у тренутку догађаја били притиснути тастери Ctrl, Alt и Shift. То се ради са помоћу својстава ctrlKey, altKey и shiftKey - они имају вредност true или false у зависности од тога, да ли је тај тастер био притиснут у тренутку догађаја или не.

Хајде да погледамо на примеру. Нека нам је дато следеће дугме:

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

При клику на дугме ћемо исписати поруку о томе, да ли је био притиснут један од тастера Ctrl, Alt и Shift:

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

elem.addEventListener('click', function(event) {
	if (event.ctrlKey) {
		console.log('притиснут је Ctrl');
	}
	
	if (event.altKey) {
		console.log('притиснут је Alt');
	}
	
	if (event.shiftKey) {
		console.log('притиснут је Shift');
	}
});

Дат је елемент. Направите тако да се при клику на њега обоји у црвену боју, али само ако је у тренутку клика притиснут тастер Alt.

Нека имате списак ul са таговима li:

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

Направите тако да се при клику на било коју li, на крај њеног текста дода број 1, ако је притиснут тастер Ctrl, и број 2, ако је притиснут тастер Shift.