CSS වර්ග භාවිතයෙන් JavaScript හි ශෛලීකරණයේ වාසි
සෘජුවම මෝස්තර වෙනස් කිරීම වෙනුවට වර්ග භාවිතා කිරීමට තවත් වාසියක් ඇත. අත්වල පහසු චලනයකින් ඔබට කළ හැක්කේ අංගවල මෝස්තර විකල්ප වලට වෙනස් කිරීමයි.
උදාහරණයක් ලෙස, පළමු වරට ඡේදයක් මත ක්ලික් කිරීමේදී
එය නිශ්චිත වර්ණයකට හුරුපුරුදු වන අතර දෙවැනි වරට ක්ලික් කිරීමේදී -
එහි මුල් වර්ණය නැවත ලබා ගනී. මේ සඳහා ඔබට අවශ්ය වන්නේ
add ක්රමය toggle ක්රමයට වෙනස් කිරීම පමණි:
let elems = document.querySelectorAll('p');
for (let elem of elems) {
elem.addEventListener('click', function() {
this.classList.toggle('colored');
});
}
ක්ලික් කිරීමෙන් පසු බොත්තමේ ක්රියාව අවලංගු වන පරිදි පෙර කාර්යය වෙනස් කරන්න.
