Следење на модификаторски копчиња во 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.