Адсочванне клавіш-мадыфікатараў у 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.