JavaScript හි මූලද්රව්ය වෙනස් කිරීම පිළිබඳ පරිචය
අරාවක් දී ඇත. එහි මූලද්රව්ය
ul ලැයිස්තුවක් ලෙස පෙන්වන්න.
කලින් ගැටලුව වෙනස් කරන්න, ඕනෑම
li එකක් මත ක්ලික් කළ විට
එහි ආදාන ක්ෂේත්රයක් දිස්වන අතර, එය භාවිතයෙන්
සංස්කරණය කළ හැකිය.
කලින් ගැටලුව වෙනස් කරන්න, එවිට
ලැයිස්තුවට පහළින් ආදාන ක්ෂේත්රයක් ඇති අතර, එය භාවිතයෙන්
ලැයිස්තුවට අලුත් මූලද්රව්යයක් එකතු කළ හැකිය.
ලැයිස්තුව ul. අලුත්
li මූලද්රව්ය ද සංස්කරණය කළ හැකි වන පරිදි සකසන්න.
කලින් ගැටලුව වෙනස් කරන්න, එවිට
සෑම li එකක අගටම සබැඳියක් 'මකන්න',
ඇති අතර, එය භාවිතයෙන් මෙම
li එක ul ලැයිස්තුවෙන් ඉවත් කළ හැකිය.
කලින් ගැටලුව වෙනස් කරන්න, එවිට
සෑම li එකක අගටම සබැඳියක්
'හරස් කරන්න', ඇති අතර, එය භාවිතයෙන්
මෙම ටැග් එකේ ලියවිල්ල
li හරස් කළ හැකිය.
වස්තූන්ගේ අරාව සහ වගුව
රැකියාකරුවන් සමඟ පහත අරාව දෙනු ලැබේ:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
මෙම රැකියාකරුවන් HTML වගුවක පෙන්වන්න.
සාදන ලද වගුවේ කොටු සංස්කරණය කිරීමේ හැකියාව එක් කරන්න.
ඔබගේ වගුවට නව තීරුවක් වගුවෙන් පේළියක් ඉවත් කිරීම සඳහා සබැඳියක් සමඟ එක් කරන්න.
වගුවට පහළින් 3 ආදාන ක්ෂේත්ර සහ බොත්තමක්
අලුත් රැකියාකරුවෙක් එක් කිරීම සඳහා සකසන්න. ආදාන ක්ෂේත්රවල නම, වයස සහ වැටුප
ඇතුළත් කරමු.
බොත්තම එබූ විට නව රැකියාකරු වගුවට
එක් වේ. නවවිට එකතු කරන ලද රැකියාකරුවන් සඳහා කොටු සංස්කරණය කිරීම
ක්රියාත්මක කරන්න.
වස්තූන්ගේ අරාව සහ ලැයිස්තුව
රැකියාකරුවන් සමඟ පහත අරාව දෙනු ලැබේ:
let employees = [
{name: 'employee1', age: 30, salary: 400},
{name: 'employee2', age: 31, salary: 500},
{name: 'employee3', age: 32, salary: 600},
];
සෑම රැකියාකරුවෙකුම තමන්ගේම
li ටැගයෙන් ul ටැගය තුළ පෙන්වන්න.
නම, වයස හෝ වැටුප මත ක්ලික් කළ විට එම ක්ෂේත්රය සංස්කරණය කිරීම සඳහා ආදාන ක්ෂේත්රයක් දිස්වන පරිදි සකසන්න.
සෑම li ටැගයකම අගට සබැඳියක්
මෙම li ලැයිස්තුවෙන් ඉවත් කිරීම සඳහා එක් කරන්න.
ලැයිස්තුවට පහළින් අලුත් රැකියාකරුවෙක් එක් කිරීම සඳහා ආකෘතියක් සාදන්න.