जावास्क्रिप्ट पर तत्वों को बदलने का अभ्यास
एक सरणी दी गई है। इसे 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 को सूची से हटाने के लिए एक लिंक
जोड़ें।
सूची के नीचे एक नया कर्मचारी जोड़ने के लिए एक फॉर्म बनाएं।