fixed bugs on error message and refactored codes

[avelynhc]

🛠️ Fixes Issue #1137

👨‍💻 Changes proposed and Brief Description

• fixed bug of error message not displaying second time after success by adding a try and catch block. In the catch block, new method showErrorMessage was implemented to display an error message to user again
• removed repetitive codes and create a method, showWeatherImage
• removed unused variables
• changed var to either let or const
• changed == to === for comparison

✅ Check List (Check all the applicable boxes)

• My code doesn't break any part of the project
• This PR does not contain plagiarized content.
• My Addition/Changes works properly and matches the overall repo pattern.
• The title of my pull request is a short description of the requested changes.

📄 Note to reviewers

Let me know if you need me to change anything. Thank you!

📷 Screenshots

1. when user does not enter anything

2.when user enters a correct city

3.when user enters an incorrect city again

[netlify]

✅ Deploy Preview for 30daysofjs ready!

Name	Link
🔨 Latest commit	81d7ee6
🔍 Latest deploy log	https://app.netlify.com/sites/30daysofjs/deploys/6543c66190deaf000897940a
😎 Deploy Preview	https://deploy-preview-1138--30daysofjs.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 site configuration.

[avelynhc]

@swapnilsparsh Hi, I just pushed the pr. Please kindly review the pr and let me know if you need anything else. Thank you!

[swapnilsparsh]

@avelynhc Thanks for your contribution! Excited for more in the future! 🥂