Map संग्रह का अनुप्रयोग

मान लीजिए हमारे पास पैराग्राफ हैं:

<p>aaa</p>
<p>bbb</p>
<p>ccc</p>
<p>ddd</p>
<p>eee</p>

आइए ऐसा करें कि प्रत्येक पैराग्राफ पर क्लिक करने पर उसके अंत में पैराग्राफों की सूची में उसका क्रम संख्या लिखा जाए। आइए इस कार्य को Map के माध्यम से हल करें।

शुरू करते हैं। सबसे पहले, अपने पैराग्राफ को एक वेरिएबल में प्राप्त करें:

let elems = document.querySelectorAll('p');

आइए एक नया Map संग्रह बनाएं:

let map = new Map;

आइए अपने संग्रह को इस तरह भरें कि कुंजियाँ हमारे पैराग्राफ हों, और उनके मान उनकी क्रम संख्या हों:

let i = 1;
for (let elem of elems) {
	map.set(elem, i++);
}

आइए पैराग्राफों पर लूप के साथ चलें और उन पर क्लिक हैंडलर जोड़ें:

for (let elem of elems) {
	elem.addEventListener('click', function() {
		
	});
}

आइए अब क्लिक करने पर पैराग्राफ के टेक्स्ट के अंत में क्रम संख्या जोड़ें। साथ ही, इस नंबर को हमारे संग्रह से प्राप्त करेंगे:

for (let elem of elems) {
	elem.addEventListener('click', function() {
		this.textContent += map.get(this);
	});
}

इनपुट दिए गए हैं। इन इनपुट्स पर लूप के साथ चलें और एक Map संग्रह बनाएं, जिसमें कुंजी इनपुट होंगे, और मान पेज पर उनकी क्रम संख्या होगी। ऐसा करें कि किसी भी इनपुट पर क्लिक करने पर उसकी value में उसकी क्रम संख्या लिखी जाए।

इनपुट दिए गए हैं। प्रत्येक इनपुट में एक नंबर दर्ज किया जा सकता है। मान लीजिए कि Enter दबाने पर इनपुट दर्ज किया गया नंबर याद रखता है। ऐसा करें कि इनपुट में फोकस खोने पर कंसोल में इनपुट में पहले दर्ज किए गए सभी नंबरों की सरणी प्रिंट हो।