JavaScript का उपयोग करके HTML एलिमेंट का class कैसे बदलें?

सभी को नमस्ते! मैंने अभी JavaScript सीखना शुरू किया है और पेज पर एलिमेंट्स के क्लासेस बदलने में समझ नहीं आ रही है। मेरे पास एक सरल HTML संरचना है: ```html मुझे दबाएं ``` मैं चाहता हूं कि बटन पर क्लिक करने पर div का class "red" से "blue" में बदल जाए (यानी रंग लाल से नीला हो जाए)। मैंने कुछ ऐसा लिखने की कोशिश की `document.getElementById('myDiv').class = 'blue'`, लेकिन यह काम नहीं करता। कंसोल में त्रुटि आती है: "Uncaught TypeError: Cannot set properties of null"। हालांकि एलिमेंट पेज पर मौजूद है, मैंने जांच लिया। फिर मुझे पता चला कि `className` का उपयोग करना चाहिए, लेकिन जब मैं `document.getElementById('myDiv').className = 'blue'` लिखता हूं, तो एलिमेंट से "box" क्लास गायब हो जाता है, और मुझे चाहिए कि वह बना रहे। यानी मैं सिर्फ एक क्लास बदलना चाहता हूं, सभी नहीं। कृपया बताएं कि JavaScript में क्लासेस के साथ सही तरीके से कैसे काम करें? नया क्लास कैसे जोड़ें, पुराने को हटाए बिना? किसी विशिष्ट क्लास को कैसे हटाएं? और कैसे