Sledenje modifikatorskih tipk v JavaScript

Z objektom Event lahko ugotovimo, ali so bile v trenutku dogodka pritisnjene tipke Ctrl, Alt in Shift. To naredimo s pomočjo lastnosti ctrlKey, altKey in shiftKey - imajo vrednost true ali false, odvisno od tega, ali je bila ta tipka pritisnjena v času dogodka ali ne.

Poglejmo si primer. Naj imamo naslednji gumb:

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

Ob kliku na gumb bomo izpisali sporočilo o tem, ali je bila pritisnjena ena od tipk Ctrl, Alt in Shift:

javascriptlet elem = document.querySelector('#elem');

elem.addEventListener('click', function(event) {
  if (event.ctrlKey) {
    console.log('pritisnjen Ctrl');
  }
  
  if (event.altKey) {
    console.log('pritisnjen Alt');
  }
  
  if (event.shiftKey) {
    console.log('pritisnjen Shift');
  }
});

Задание 1

Podan je element. Naredite tako, da se ob kliku nanj pobarva rdeče, vendar le če je v trenutku klika pritisnjena tipka Alt.

Задание 2

Naj imate seznam ul z oznakami li:

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

Naredite tako, da se ob kliku na katerokoli li, na konec njenega besedila doda številka 1, če je pritisnjena tipka Ctrl, in številka 2, če je pritisnjena tipka Shift.