JavaScript-da Klawiw-Modifikatorlary Yzarlamak

Event obýekti ýardymynda, wakanyň döwründe Ctrl, Alt we Shift klawişlarynyň basylýandygyny bileris. Munuň üçin ctrlKey, altKey we shiftKey aýratynlyklary ulanylýar - olar wakanyň döwründe bu klawiş basylan ýa-da basylmadygyna baglylykda true ýa-da false bahasyny alýar.

Geliň mysalda göreli. Bizde şeýle düwme bolsun:

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

Düwmä basylan wagty, Ctrl, Alt ýa-da Shift klawişleriniň biriniň basylýandygyny habar etýän çykyş ederis:

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

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

Задание 1

Element berlen. Onuň üçin şeýle ediň: ona basylan wagty diňe Alt klawişi basylan bolsa, gyzyl reňke çalsyn.

Задание 2

Siziňde ul sanawy bolsun, onuň içinde li tegleri bardyr:

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

Şeýle ediň: islendik li-e basylanda, eger Ctrl klawişi basylsa, onuň tekstiniň aýyryna 1 sanawyny goşuň, eger Shift klawişi basylsa bolsa, 2 sanawyny goşuň.