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' වචනය මුද්රණය කරන්න.