Melacak Tombol Modifier di JavaScript

Dengan menggunakan objek Event, kita dapat mengetahui, apakah tombol Ctrl, Alt, dan Shift ditekan pada saat peristiwa terjadi. Ini dilakukan dengan bantuan properti ctrlKey, altKey dan shiftKey - mereka memiliki nilai true atau false tergantung pada apakah tombol tersebut ditekan saat peristiwa terjadi atau tidak.

Mari kita lihat sebuah contoh. Misalkan kita memiliki tombol berikut:

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

Saat mengklik tombol, kita akan menampilkan pesan tentang apakah salah satu tombol Ctrl, Alt, dan Shift ditekan:

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

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

Diberikan sebuah elemen. Buatlah agar saat diklik, warnanya berubah menjadi merah, tetapi hanya jika tombol Alt ditekan saat klik.

Misalkan Anda memiliki daftar ul dengan tag li:

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

Buatlah agar saat mengklik li mana pun, angka 1 ditambahkan ke akhir teksnya jika tombol Ctrl ditekan, dan angka 2, jika tombol Shift ditekan.