JavaScript හි මූලද්‍රව්‍ය සක්‍රිය කිරීම

අපට හිස් කොටු සහිත HTML වගුවක් #table ඇතැයි සිතමු.

ඕනෑම කොටුවක් මත ක්ලික් කළ විට එය ක්‍රමයකින් සක්‍රිය වන පරිදි සාදන්න, උදාහරණයක් ලෙස, රතු පසුබිමක් ලබා දෙන්න. මේ සඳහා සක්‍රිය කළ කොටුවලට යම් CSS පංතියක් ලබා දෙමු:

.active {
	background: red;
}

සක්‍රිය කිරීම ක්‍රියාත්මක කරමු:

let tds = document.querySelectorAll('#table td');

for (let td of tds) {
	td.addEventListener('click', function() {
		this.classList.add('active');
	});
}

HTML ලැයිස්තුවක් ul ලබා දී ඇත. ඕනෑම ලැයිස්තු අයිතමයක් මත ක්ලික් කළ විට එය රතු පසුබිමකින් සක්‍රිය වන පරිදි සාදන්න.

සක්‍රිය කළ ලැයිස්තු අයිතමයක් මත ක්ලික් කළ විට එහි සක්‍රිය තත්ත්වය ඉවත් වන පරිදි පෙර කාර්යය වෙනස් කරන්න.