जावास्क्रिप्ट में उत्पाद कैलकुलेटर में पुनर्गणना के साथ संपादन

आइए अब allowEdit फ़ंक्शन को इस तरह से संशोधित करें कि पिछले पाठ में वर्णित पुनर्गणना निष्पादित हो।

इस समय तक, आपके फ़ंक्शन का कोड कुछ इस तरह दिखना चाहिए:

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		let text = td.textContent
		td.textContent = '';
		
		let input = document.createElement('input');
		input.value = text;
		input.focus();
		td.appendChild(input);
		
		input.addEventListener('keydown', function(event) {
			if (event.key == 'Enter') {
				td.textContent = this.value;
			}
		});
	});
}

आइए वह कोड जोड़ें जो मूल्य वाली सेल और मात्रा वाली सेल के लिए पुनर्गणना करेगा:

function allowEdit(td) {
	td.addEventListener('dblclick', function() {
		let text = td.textContent
		td.textContent = '';
		
		let input = document.createElement('input');
		input.value = text;
		input.focus();
		td.appendChild(input);
		
		input.addEventListener('keydown', function(event) {
			if (event.key == 'Enter') {
				td.textContent = this.value;
				
				if (td.classList.contains('price') || td.classList.contains('amount')) {
					// पुनर्गणना करें
				}
			}
		});
	});
}

लापता कोड भाग को इस तरह लिखें कि मूल्य वाली सेल या मात्रा वाली सेल बदलने पर cost कॉलम में खरीद की लागत बदले, और कुल राशि की पुनर्गणना भी निष्पादित हो।