JavaScript හි මූලද්‍රව්‍ය වෙනස් කිරීම පිළිබඳ පරිචය

Задание 1

අරාවක් දී ඇත. එහි මූලද්‍රව්‍ය ul ලැයිස්තුවක් ලෙස පෙන්වන්න.

Задание 2

කලින් ගැටලුව වෙනස් කරන්න, ඕනෑම li එකක් මත ක්ලික් කළ විට එහි ආදාන ක්ෂේත්‍රයක් දිස්වන අතර, එය භාවිතයෙන් සංස්කරණය කළ හැකිය.

Задание 3

කලින් ගැටලුව වෙනස් කරන්න, එවිට ලැයිස්තුවට පහළින් ආදාන ක්ෂේත්‍රයක් ඇති අතර, එය භාවිතයෙන් ලැයිස්තුවට අලුත් මූලද්‍රව්‍යයක් එකතු කළ හැකිය. ලැයිස්තුව ul. අලුත් li මූලද්‍රව්‍ය ද සංස්කරණය කළ හැකි වන පරිදි සකසන්න.

Задание 4

කලින් ගැටලුව වෙනස් කරන්න, එවිට සෑම li එකක අගටම සබැඳියක් 'මකන්න', ඇති අතර, එය භාවිතයෙන් මෙම li එක ul ලැයිස්තුවෙන් ඉවත් කළ හැකිය.

Задание 5

කලින් ගැටලුව වෙනස් කරන්න, එවිට සෑම li එකක අගටම සබැඳියක් 'හරස් කරන්න', ඇති අතර, එය භාවිතයෙන් මෙම ටැග් එකේ ලියවිල්ල li හරස් කළ හැකිය.

Задание 6

රැකියාකරුවන් සමඟ පහත අරාව දෙනු ලැබේ:

javascriptlet employees = [
  {name: 'employee1', age: 30, salary: 400},
  {name: 'employee2', age: 31, salary: 500},
  {name: 'employee3', age: 32, salary: 600},
];

මෙම රැකියාකරුවන් HTML වගුවක පෙන්වන්න.

Задание 7

සාදන ලද වගුවේ කොටු සංස්කරණය කිරීමේ හැකියාව එක් කරන්න.

Задание 8

ඔබගේ වගුවට නව තීරුවක් වගුවෙන් පේළියක් ඉවත් කිරීම සඳහා සබැඳියක් සමඟ එක් කරන්න.

Задание 9

වගුවට පහළින් 3 ආදාන ක්ෂේත්‍ර සහ බොත්තමක් අලුත් රැකියාකරුවෙක් එක් කිරීම සඳහා සකසන්න. ආදාන ක්ෂේත්‍රවල නම, වයස සහ වැටුප ඇතුළත් කරමු. බොත්තම එබූ විට නව රැකියාකරු වගුවට එක් වේ. නවවිට එකතු කරන ලද රැකියාකරුවන් සඳහා කොටු සංස්කරණය කිරීම ක්‍රියාත්මක කරන්න.

Задание 10

රැකියාකරුවන් සමඟ පහත අරාව දෙනු ලැබේ:

javascriptlet employees = [
  {name: 'employee1', age: 30, salary: 400},
  {name: 'employee2', age: 31, salary: 500},
  {name: 'employee3', age: 32, salary: 600},
];

සෑම රැකියාකරුවෙකුම තමන්ගේම li ටැගයෙන් ul ටැගය තුළ පෙන්වන්න.

Задание 11

නම, වයස හෝ වැටුප මත ක්ලික් කළ විට එම ක්ෂේත්‍රය සංස්කරණය කිරීම සඳහා ආදාන ක්ෂේත්‍රයක් දිස්වන පරිදි සකසන්න.

Задание 12

සෑම li ටැගයකම අගට සබැඳියක් මෙම li ලැයිස්තුවෙන් ඉවත් කිරීම සඳහා එක් කරන්න.

Задание 13

ලැයිස්තුවට පහළින් අලුත් රැකියාකරුවෙක් එක් කිරීම සඳහා ආකෘතියක් සාදන්න.