Адсочванне клавіш-мадыфікатараў у JavaScript

З дапамогай аб'екта Event можна даведацца, ці былі націснуты ў момант падзеі клавішы Ctrl, Alt і Shift. Гэта робіцца з дапамогай уласцівасцей ctrlKey, altKey і shiftKey - яны маюць значэнне true ці false у залежнасці ад таго, была лі націснутая гэтая клавіша ў момант падзеі ці не.

Давайце паглядзім на прыкладзе. Хай у нас дадзеная наступная кнопка:

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

Па кліку на кнопку будзем выводзіць паведамленне аб тым, ці была націснутая адна з клавіш Ctrl, Alt і Shift:

javascriptlet 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');
  }
});

Задание 1

Дадзены элемент. Зрабіце так, каб па кліку на ён афарбоўваўся ў чырвоны колер, але толькі калі ў момант кліку націснутая клавіша Alt.

Задание 2

Хай у вас ёсць спіс ul з тэгамі li:

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

Зрабіце так, каб па кліку на любую li, у канец яе тэксту дадавалася лік 1, калі націснутая клавіша Ctrl, і лік 2, калі націснутая клавіша Shift.