JavaScriptте клавиша-модификаторлорду көзөмөлдөө

Event объектисинин жардамы менен, Ctrl, Alt жана Shift клавишалары окуя учурунда басылганын билсек болот. Бул ctrlKey, altKey жана shiftKey касиеттери аркылуу жасалат - алардын мааниси true же false болот, бул окуя учурунда клавиша басылган же басылбагандыгына жараша.

Келгиле, мисалды карап көрөлү. Бизде төмөнкү баскыч берилсин:

html<button id="elem">текст</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>текст</li>
  <li>текст</li>
  <li>текст</li>
  <li>текст</li>
  <li>текст</li>
</ul>

Ар бир li элементке чыкылдаганда, эгер Ctrl клавишасы басылса анын текстинин аягына 1 саны кошулсун, ал эми Shift клавишасы басылса 2 саны кошулсун.