Kufuatilia Vitufe vya Kubadilisha katika JavaScript

Kwa kutumia kitu Event unaweza kujua, kama vilibonyezwa wakati wa tukio vitafu Ctrl, Alt na Shift. Hii inafanyika kwa kutumia sifa ctrlKey, altKey na shiftKey - zina thamani true au false kulingana na kama kitufe hiki kilibonyezwa wakati wa tukio au la.

Wacha tuangalie kwa mfano. Hebu tuseme tuna kitufe kifuatacho:

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

Kwa kubofya kitufe tutaonyesha ujumbe kuonyesha kama kilibonyezwa mojawapo ya vitafu Ctrl, Alt na Shift:

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

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

Задание 1

Kipekee elementi. Fanya ili kwa kubofya juu yake iwe rangi nyekundu, lakini tu kama wakati wa kubofya kilibonyezwa kitufe Alt.

Задание 2

Hebu uwe na orodha ul na vitambulisho li:

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

Fanya ili kwa kubofya kwenye li yoyote, mwishoni mwa maandishi yake iongezwe nambari 1, kama kilibonyezwa kitufe Ctrl, na nambari 2, kama kilibonyezwa kitufe Shift.