जावास्क्रिप्ट पर तत्वों को बदलने का अभ्यास

Задание 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

सूची के नीचे एक नया कर्मचारी जोड़ने के लिए एक फॉर्म बनाएं।