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