JavaScript ෙකෙට චෙක්බොක්ස් සමග වැඩ කිරීම

දැන් අපි චෙක්බොක්ස් සමග වැඩ කිරීම ඉගෙන ගනිමු. චෙක්බොක්ස් යනු විශේෂ ටික් එකකි, එය අවස්ථා දෙකක පැවතිය හැකිය: සලකුණු කර ඇති සහ නැත.

චෙක්බොක්ස් එකක් සාදන්නේ පහත ආකාරයට ය:

html<input type="checkbox" id="elem">

චෙක්බොක්ස් එකක් සලකුණු කරන ලද ලෙස සකස් කිරීමට - එයට checked ගුණාංගය ලිවිය යුතුය:

html<input type="checkbox" checked id="elem">

උදාහරණයක් වශයෙන් අපගේ චෙක්බොක්ස් එකේ තත්වය සොයා ගනිමු:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.checked);
Задание 1

චෙක්බොක්ස් එකක් සහ බොත්තම් දෙකක් දී ඇත. පළමු බොත්තම ක්ලික් කිරීමෙන් චෙක්බොක්ස් එක සලකුණු කරන ලද තත්වයට සකසන්න, දෙවන බොත්තම ක්ලික් කිරීමෙන් - සලකුණු නොකරන ලද තත්වයට සකසන්න.

Задание 2

චෙක්බොක්ස් එකක්, බොත්තමක් සහ ඡේදයක් දී ඇත. බොත්තම ක්ලික් කිරීමෙන්, චෙක්බොක්ස් එක සලකුණු කර ඇත්නම්, ඡේදයේ 'hello' වචනය මුද්‍රණය කරන්න, චෙක්බොක්ස් එක සලකුණු කර නොමැති නම්, 'goodbye' වචනය මුද්‍රණය කරන්න.