Creating an Alarm App: Exercise 6 | JavaScript Tutorial In Hindi #52

[@tanbirhossain7]

This is what we want on KZbin...thanks for doing this. Great work.!

[@codingbuddy4876]

😊

[@aakranga7]

Alarm Clock Exercise solved by validating it with Regular Expression. Thanks Harry Bhai

[@Satish_Kumar_Gupta]

Alarm clock exercise 6 solved. Also implemented with regex. Thank you...:)

[@haseebkhan1942]

Exercise Solution: Note this ex divided into 2 parts One is HTML and Second is JS HTML: SET ALARM Enter TIME Choose... Seconds Minutes Hours SET ########################################### JS: /* Name: Haseeb Khan Date: 06-09-2021 Tutorial No: #52 Exercise: 6 Time Stamp: 3:00/6:14 */ //Creating an Alarm App: Exercise 6 console.log(`I'm khan`); //Problem Statement:- // The task you have to do is to create an alarm clock in JavaScript(Use your creativity). The Alarm app should allow the user to set the alarm for a certain time. //Target Alarm SETS Button to add Event Listner let alarmBtn = document.getElementById('alarmBtn'); //Function to executes when the event is call let getTimefromDropDown = () => { //Target all inputs and types let inputVal1 = document.getElementById('inputVal1'); let inputVal2 = document.getElementById('inputVal2'); let dropDownMenu = document.getElementById('dropDownMenu'); //Sets Audio let alarmSound = new Audio('text-sound/alarm.wav'); function selectDropDownValues() { let selectedOpt = dropDownMenu.options[dropDownMenu.selectedIndex].value; return selectedOpt; } //For Seconds if (selectDropDownValues() == 'Seconds') { //Convert into number and multiply by 1000 to convert into miliseconds let secondsValues = Number((inputVal1.value +'.'+ inputVal2.value)*1000); //after the given time this will execute setTimeout(() => { alarmSound.play(); }, secondsValues); } //For Minutes else if (selectDropDownValues() == 'Minutes') { //Convert into number and multiply by 60000 to convert into miliseconds let minutesValues = Number((inputVal1.value +'.'+ inputVal2.value)*60000); //after the given time this will execute setTimeout(() => { alarmSound.play(); }, minutesValues); } //For Hours else if (selectDropDownValues() == 'Hours') { //Convert into number and multiply by (Scientific e notation value : 3.6e+6) to convert into miliseconds let hoursValues = Number((inputVal1.value +'.'+ inputVal2.value)*3.6e+6); //after the given time this will execute setTimeout(() => { alarmSound.play(); }, hoursValues); } //Incase all false else { console.log('Please select right option') } } //Add Event Listner on SET Button alarmBtn.addEventListener('click', getTimefromDropDown)

[@harshkhilawala7830]

Respected Harry Sir, This is a request from your student that we need a course for "Web Development And Web Designing"...We truly love you Sir and appreciate your hard work.

[@gamingretro343]

Khatarnak awaz hai

[@av1shek_ps]

HTML File code Alarm Clock button{ background-color: blue; color: white; font-weight: 700; box-shadow: 0px 0px 8px red; margin: 3px; padding: 10px; size: 15px; } h1{ color :hotpink; box-shadow: 0px 0px 8px yellow; } Alarm Clock Please choose time. Java script code console.log('Now you are online.'); let body = document.querySelector('body'); var audio = new Audio('Abhi se teri.mp3'); let timebox = document.createElement('input'); timebox.setAttribute('type','time'); body.appendChild(timebox); let btn = document.createElement('button'); btn.innerText = 'Set Alarm'; body.appendChild(btn); let pauseBtn = document.createElement('button'); pauseBtn.innerText = 'Dismiss'; body.appendChild(pauseBtn); var time; btn.addEventListener('click',fun); pauseBtn.addEventListener('click',()=>{audio.pause();}) function fun() {time = timebox.value; // console.log(time,typeof time); // for(key in time) // {console.log(time[key],key);} let currentTime = new Date(); let hours = currentTime.getHours(); let min = currentTime.getMinutes(); let sec = currentTime.getSeconds(); console.log(hours,typeof hours); console.log(min,typeof min); console.log(sec,typeof sec); let alarmHour = Number(time[0]+time[1]); let alarmMinute = Number(time[3]+time[4]); console.log(alarmHour,typeof alarmHour); console.log(alarmMinute,typeof alarmMinute); var delay = 0; if(alarmHour>hours) { if(alarmMinute >= min) delay = (alarmHour - hours)*3600 + (alarmMinute - min)*60; else delay = (alarmHour - hours - 1)*3600 + (alarmMinute*60) + (60 - min)*60; console.log(delay) } else if(alarmHour == hours) { if(alarmMinute >= min) { delay = (alarmMinute - min)*60; } else { delay = 86400 - (min - alarmMinute)*60; } console.log(delay); } else { if(alarmMinute >= min) delay = 86400 -((hours - alarmHour - 1)*3600 + (min*60) + (60 - alarmMinute)*60); else{ delay = 86400 - ((hours - alarmHour)*3600 + (min - alarmMinute)*60) } console.log(delay); } setTimeout(()=>{ audio.play(); },delay*1000); }

[@amankhan-lx9dg]

node js per playlist lao Harry bhai or react per bi we want ❤️

[@karthikjoshi6386]

I used regex for alarm ie using regular expression I compare current date and given date by user if both values are same I play the audio using test() function of regex pls confirm this way is correct or not

[@sandeeppandey6493]

Aap ko jaan ker kushi hogi bhai ki mane khud ki color theme banai hai vs code me.

[@rednoodlestudio9973]

oh that's great, can I see your code

[@i_am_shakaib]

Harry bhi love you.

[@AaravDecodes]

Sir data structure please...college me kuch samjh nhi aa rha

[@rednoodlestudio9973]

ap reema thareja ki book se start kro usse apko basics sab clear ho jayega. Or agar programming ka shok h to books padhne ki aadat dal lo. Bina book ke aap kisi bhi chiz ko sirf top view dekh sakte h but deep knowledge ke liye books padhna hi hota h kisi bhi field me ye general criteria h. DS & Algo ko master krne me saalo lgte h but basics 3-4 months me kar sakte ho.

[@AaravDecodes]

@@rednoodlestudio9973 thanks sir

[@rednoodlestudio9973]

@@AaravDecodes welcome bro)

[@AaravDecodes]

@@rednoodlestudio9973 please tell best book for python also

[@rednoodlestudio9973]

@@AaravDecodes you can start with python crash course. for learning syntax and stuff you can look up python cheat sheets on google. hope that helps

[@princesukhala7106]

done done again

[@numan.expert564]

Nice sir g

[@ranaumar8208]

Sir apna server bazaar se buy karke usa website se connect kaise karein please make video

[@ripusudansoni3366]

Harry sir please make videos on Android studio please I humbly request to you sir.

[@rednoodlestudio9973]

before diving into android studio you should have a clear cut understanding of android stack since in order to create apps that actually do something meaningful you need to know how kernel works. Or if you just wanna create apps that display information like whatsapp status etc then you can jump directly into android studio else have a clear concept of android stack and then probably start development.

[@ashutosh-pandit]

Please make full series of C++

[@RohanDasRD]

WILL Try to solve the exercise bhai

[@Saifalipalla]

Bhai tu javascrip ke bhot sare videos dalta h to acchi language kons i h javascript or pythone. Plz reply

[@rednoodlestudio9973]

bro language is just a medium. Aap kya krna chahte ho uspe depend krta h. baki sare languages me logic same hi lgta bas syntax thoda alag hota matlab ki likhne ka tarika. python ek multipurpose language h usse ap desktop application, web application, data science, ai, ml kuch bhi kar sakte h. JavaScript web development me jyada use hoti h both backend and frontend. Bas fark ye hota h ke python ke liye machine learning vgerah ke alag alag frameworks available h to kaam asan ho jata h.

[@Saifalipalla]

@@rednoodlestudio9973 thank bhai Very helpful

[@rednoodlestudio9973]

@@Saifalipalla you're welcome bro, or koi doubt ho to aap puch sakte ho

[@AtulSharma-jr1mn]

Sir, In python how to make drop-down search box and table. And how to connect two files in python and convert them in .exe. Please make a video to show us the correct way.

[@abhinashmallick8895]

Bro please make a tutorial on kivy

[@anuragtawaniya7746]

Bhai java ka course kab aaye ga

[@sciencetak6424]

Bhai c++ full course kab layoge

[@tanbirhossain7]

Technology Gyan ke channel me chale Gao...mil jayega

[@geetanshverma7294]

Bhaiya ek question Python se hai mai uski playlist access kar raha huin isliye.. Agar hame list ke kisi particular item se for loop ko start karna ho to kaise karein. Pls help.

[@gsrcreations108]

#looping start from 1 index means banana--------- thislist = ["apple", "banana", "cherry", "orange", "kiwi", "melon", "mango"] for i in range(1, len(thislist)): print (i, thislist[i]) or print (thislist[i]) // there many other ways to perform looping through a python list, this is one of them, Hope it will help you. happy coding.

[@geetanshverma7294]

@@gsrcreations108 Thanks It works

[@ufufufuf6347]

O bhai sahab koi insaan itna tej kaise ho sakta hai

[@hrithikrudra4292]

Sir if I watch all your web dev videos,will it be required to watch this playlist??

[@Elderny]

yes lol he taught nothing in web dev playlist

[@rupanroy5176]

Sir Kya app python se app banane ka vide banaye

[@AmeerHamza-jy5ml]

Node Js Kab lay kar Arhy ho Harry Bhai

[@roopali07]

sir how can i take your tutorial source code

[@sumsangs9plus302]

Es6 maps plzzzz

[@youthgamngpatnerz3300]

bhai i have a doubt regarding python

[@star83138]

Haary bhai heart dedoo 🤗🤗 And thank you for videos this is big help for us.

[@tarunkoshti1875]

Your jarbis is not working There is error in line 37 Please remove this error It say that pyaudio not find Please remove this error This is my third comment

[@ganeshbirajdar4382]

run this command in your terminal - 'pip install pyaudio'

[@rahuldixit3661]

how to add snooze button anybody help