Sporing af modificeretaster i JavaScript

Ved hjælp af objektet Event kan man finde ud af, om Ctrl, Alt og Shift-tasterne var trykket ned i begivenhedens øjeblik. Dette gøres med hjælp af egenskaberne ctrlKey, altKey og shiftKey - de har værdien true eller false afhængigt af om tasten var trykket ned i begivenhedens øjeblik eller ej.

Lad os se på et eksempel. Antag at vi har følgende knap:

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

Ved klik på knappen vil vi vise en besked om, hvorvidt en af Ctrl, Alt og Shift-tasterne var trykket ned:

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

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

Задание 1

Der gives et element. Gør sådan, at ved klik på det farves det i rød, men kun hvis Alt-tasten er trykket ned i klikkets øjeblik.

Задание 2

Antag at du har en liste ul med tags li:

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

Gør sådan, at ved klik på enhver li, bliver tallet 1 tilføjet til slutningen af dens tekst, hvis Ctrl-tasten er trykket ned, og tallet 2, hvis Shift-tasten er trykket ned.