Ep90 - Javascript Alarm Clock with audio tutorial & Source Code

Опубликовано: 05 Ноябрь 2023
на канале: UI Monk
81
like

Ep90 - Javascript Alarm Clock tutorial & Source Code
https://drive.google.com/file/d/1fqHl...

Steps to create Alarm clock in javascript with audio
1. Hide the first option of select tag with "hidden"
2. Populate the hour and time dropdown with for loop
if i is less than 10 add prefix 0
append into the select tag after first option tag
firstELementChild.insertAdjacentHTML("afterend")
3. show time every second with setInterval and new Date()
4. if button clicked get the value of hour, minute dropdown
5. show alert message if time not set from dropdown
6. if time is set, disable the dropdown with css class "Disable"
7. add audio if current time and set alarm time matches
8. create a flag variabe if button clicked twice to toggle



ALL JS GAMES TUTORIAL
   • Ep56 - Vanilla JavaScript Fall Ball G...  

All JS UI Works
   • Ep132 - SVG Stroke animation  


Complete javascript Projects Playlist tutorial & Source Code
   • Ep88 - Add Tags on clicking enter or ...