Ձևավորման ստեղների հետևում JavaScript-ում

Event օբյեկտի միջոցով կարելի է պարզել, արդյոք իրադարձության պահին սեղմված են եղել Ctrl, Alt և Shift ստեղները: Դա արվում է ctrlKey, altKey և shiftKey հատկությունների միջոցով - դրանք ունեն true կամ false արժեք՝ կախված նրանից, թե արդյոք սեղմված է եղել այդ ստեղնը իրադարձության պահին, թե ոչ:

Դիտարկենք օրինակով: Ենթադրենք ունենք հետևյալ կոճակը:

html<button id="elem">text</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>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
  <li>text</li>
</ul>

Արվի՛ր, որ ցանկացած li-ի վրա կտտացնելիս, դրա տեքստի վերջում ավելանա 1 թիվը, եթե սեղմված է Ctrl ստեղնը, և 2 թիվը, եթե սեղմված է Shift ստեղնը: