Праћење модификаторских тастера у 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.