Create Chrome Desktop Notfications with JavaScript in 100 seconds
In this article, I will show you steps to create a simple Chrome Desktop Notification looked like the image below by using JavaScript just in 100 seconds ⏰ Let’s count down!
Repository
You can download the source code of this article on my Github: https://github.com/richard-wynn/simple-chrome-desktop-notifications
🔧 Necessary Stuffs
- Visual Studio Code with Live Server extension installed
- Google Chrome, of course 😁
It’s Coding Time!
index.html
Create an index.html file with the following content.
script.js
Next, create a script.js file inside the same folder with the index.html file above:
It’s Running Time!
In Visual Studio Code, go to View → Command Palette… and type Live Server: Open with Live Server then press Enter, a new page will be shown:
Click on Notify Me! and hurray, a notification appears:
Just simple as it is 😉 Hope this will help in case you need to use desktop notifications for your website(s).
📱 Keep in Touch
If you like this article, don’t forget to follow and stay in touch with my latest ones in the future by following me via:
- Twitter: https://twitter.com/RichardWynn01
- Medium: https://richard-wynn.medium.com
- Github: https://github.com/richard-wynn
