Bug Fix: Runtime crashes caused by missing DOM guards, incorrect IDs, and asset handling

[sohanjadyal]

Title : Fix runtime crashes caused by missing DOM guards, incorrect IDs, and asset handling

Issue No. : #1432

Tech Stack : HTML, CSS, JavaScript

Close: #1432

Type of PR

• Bug fix
• Feature enhancement
• Documentation update
• Add WEB3 project
• Other (specify): _______________

Video (mandatory):

Mentioned in the Issue Message.

Checklist:

• I have mentioned the issue number in my Pull Request.
• I have commented my code, particularly in hard-to-understand areas
• I have gone through the contributing.md file before contributing
• I have Starred the Repository.

Checklist:(In case of Adding New WEB3 project only)

• I have made my Commits(of new project) under the Projects folder
• I have created a helpful and easy to understand README.md
• i have added the image of my project under asstes/img folder

Additional context (Mandatory )

Are you contributing under any Open-source programme?

• I'm a KWOC 2025-26 contributor
• I'm a SWOC 2026 contributor
• I'm a ECWOC 2026 contributor

[netlify]

✅ Deploy Preview for cute-quokka-b093d8 ready!

Name	Link
🔨 Latest commit	34bc0cd
🔍 Latest deploy log	https://app.netlify.com/projects/cute-quokka-b093d8/deploys/6963cae83d0c840008fa2d96
😎 Deploy Preview	https://deploy-preview-1433--cute-quokka-b093d8.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[github-actions]

Thank you for submitting your pull request! 🙌 We'll review it as soon as possible. If there are any specific instructions or feedback regarding your PR, we'll provide them here. Thanks again for your contribution! 😊