How to Check Network Status using JavaScript

[@hackerprime9722]

Much love from Jamaica. I wasn't looking for this in particular but this will be helpful in my application

[@CodingNepal]

Glad to hear that

[@hackerprime9722]

@@CodingNepal I'm still working on the same application and I'm going to use it in a different section now.

[@alldayalone24]

Doing ajax requests every 0.1 second is very inefficient... And getting all kind of HTTP errors like 4xx, 5xx doesn't mean the user is offline, e.g. service itself can be down

[@joshuamotovlog6359]

Thanks for your great tutorial! 👍

[@deepeshdhakal7476]

Beautiful and so many things to learn thank you

[@CodingNepal]

You are so welcome!

[@creativepalak3781]

Hey dr sir / mam your all videos is always ossm and useful even all time unique but on request: *Please explain too* so it may be easy to understand more comfortably. THANKS!!

[@CodingNepal]

Okay sure

[@omarykijogoo9216]

So Amazing Teacher CodingNepal

[@CodingNepal]

Glad to hear that ☺️

[@omarykijogoo9216]

@@CodingNepal worry out

[@imprasna2539]

This is really a nice one, Thanks for this tutorial

[@CodingNepal]

You're welcome 😊

[@mubindaghost]

As always this is another useful thing thanks

[@CodingNepal]

Thank you so much :)

[@shyamprasad128]

Keepitup!!! If possible can you make a tutorial on realtime video call feature ..... Love and all supports to you

[@pronehacker9915]

Ur the best ill add this to my website

[@harshjain8345]

Great!!! ...plzz mention your pc specs??... I'm curious.. I"ll be glad if u revert back... Kindly mention in detail

[@deepanshuchauhan1116]

Bro apki videos bht aachi hoti hai bas plz gaane ki bajaye thoda bolke samjha diya kro

[@CodingNepal]

I'll try to do it in my upcoming videos

[@MACDY-n4c]

Thanks bro more love🥰

[@zaidshah8923]

I was looking for this thanks

[@CodingNepal]

You're most welcome

[@karimnassir5207]

Wow its very awesome

[@CodingNepal]

Many many thanks

[@muhammedbasheerkk8871]

Amazing 👍

[@CodingNepal]

Thank you

[@simonpermeke2303]

Nice work :) Thank you.

[@CodingNepal]

You're welcome

[@mounir101]

Good work bro! I appreciate it.

[@CodingNepal]

Glad to hear that

[@csoitalia]

Hi, Why do not a work in firefox automatically? I need refresh page for view result, while in Chrome it is OK!

[@CodingNepal]

I'll try it on Firefox and respond back to you.

[@abishekkhanal1493]

Wow great 😎

[@CodingNepal]

Thanks 🔥

[@aestriex]

CodingNepal please make working search box in navigation bar? Also good video!

[@CodingNepal]

Watch this - kzbin.info/www/bejne/lXqrqZuAoa6DkKM

[@aestriex]

@@CodingNepal Thanks! How can I make the search box search the website though?

[@cristianMoraJ]

I loved it very good exercise, but we must correct animation bug when going from online to offline, and in firefox it does not work well

[@CodingNepal]

Okay I'll check it

[@binaryeverest]

How the uil-wifi-slash icon will load, if the device is offline[If someone is loading the page for the first time]? 17:49

[@CodingNepal]

Icons won't show incase you're offline and reload the page because I've used online link for it.

[@septianwijaya5172]

I love it!!! Thanks Bro!

[@CodingNepal]

You're welcome bro

[@CreativeTutorialsWeb]

Amazing Sir but Sir why didn't you use Font awesome

[@CodingNepal]

Because the icons I want were paid.

[@CreativeTutorialsWeb]

@@CodingNepal Okay Sir Thank You God bless you😍

[@harshitrathi3077]

@@CodingNepal Sir Please Reply Me In Instagram

[@romuloalves9349]

Ótimo vídeo parabéns sensacional 👏.

[@michaelogrady6785]

Excellent.. your projects always look beautiful, are useful and are practical! 🙌

[@CodingNepal]

Glad you like them!

[@nhathoang3260]

Thank you very much

[@CodingNepal]

You're welcome!

[@nhathoang3260]

​@@CodingNepal So sad, i'm using Sqlsever

[@goodcoder4953]

No Comment Amazing

[@CodingNepal]

Thank you so much

[@quangtran7954]

I have a question that when I lose internet connection I want to hide it, what should I do, I have added an onclick action on the else case to add the hide class but it shows up again (probably because it removed the class again) hide).I don't know how to fix it now

Damn, show, it would be nice to test the speed in java script.

[@CodingNepal]

Yes I'll make video on it.

@@CodingNepal Okay, fine.

[@clutchdiamond8891]

Wow !!!! Nice One

[@ilyat7909-8]

Can you show how to make an amazing ecommerce website plz?

[@CodingNepal]

Sure.. I'll think on it.

[@jaim5048]

Very good

[@CodingNepal]

Thank you so much

[@mpavkovic]

hey what is your PC specifications?

[@AshishKumar-wh6dw]

Amazing...!!

[@iTzReckLas]

Thanks Bro : )

[@CodingNepal]

You're welcome 💙

[@ShubhamPatil-rr4on]

Brother please make on backend development because we have enough KNOWAGE about frontend and also you will create easy for us... So please make on some playlist on web back end.. Plz plz plz plz plz

[@CodingNepal]

For now view this playlist - kzbin.info/www/bejne/jJ_Zq6t9jM5-a5Y

[@mubindaghost]

Hey bro how is your pc in daily use video editing programming and gaming?

[@CodingNepal]

I do programming and editing only on my PC and it's work smoothly.

[@mubindaghost]

@@CodingNepal what was your PC specs I forgot

[@CreativeTutorialsWeb]

Sir Sorry me again how did you learn JavaScript which course did you take

[@CodingNepal]

I've learned from KZbin videos, blogs, free online sites etc. and I'm still learning.

[@CreativeTutorialsWeb]

@@CodingNepal Wow Thank you Sir my best KZbinr

[@dilippokhrel4009]

bro aba dami thulo project banauna paryo k, web app(ecommerce) jasto. channel pani rank up hunxa ani

[@mouhamaddiop1144]

This video is really killer but why you didn't use window.addEventListener ('online', callback) or window.addEventListener ('offline', callback)?

[@CodingNepal]

As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.

[@dommosookchu414]

could you show how to make a dashboard page?

[@batman68477]

Como se haría un historial o baja el brillo a la computadora

[@tohachannel5621]

why are u not use the online and offline event listeners?

[@CodingNepal]

As we know, navigator.onLine will return true if the browser is connected to the Internet else it will return false. But you can't assume that a true value necessarily means that the browser can access the Internet. Suppose, you're connected to the WiFi which has no Internet access then navigator.onLine will return true value but you can't view any online pages and I don't want it so I sent ajax request. You can detect network status by using many different methods.

[@iqbaldarussalam7251]

what kind of text editor that u used? reply pls :(

[@CodingNepal]

It's in the description

[@biswashrai554]

Bro can u teach us how to link projects with online hosting servers?

[@CodingNepal]

Here is the video - kzbin.info/www/bejne/bpPVnKKHe7yebq8

[@biswashrai554]

@@CodingNepal thanks broo will check it out

[@yashraj8584]

Nice explanation. I can't find the source code on your website.

[@CodingNepal]

Please go to description link for codes.

[@rezvanibeastx3452]

Awesome!

[@ziacodes]

Can you make it not Automatically Pop Up when an Internet connection is disconnected then show In simple words, Not the first time

[@sitebx9635]

Hi,Can You Make A VPN Dectector PHP? AND ALSO ANTI VPN?

[@CodingNepal]

Okay I'll think about it

[@MrAndroidianBro]

Please tell me how to make a school website with a phone database 😁😊

[@Ashwathama7714]

Sir ji when i am offline then also it show online🙄

[@CodingNepal]

Did you change anything on codes..? If no and you have tried it by downloading code files from the description link then please contact me here [e-mail]

[@joshuamotovlog6359]

I really miss doing code on html, rn my teacher is teaching us about Python... I think it's more fun in html right?

[@joshuamotovlog6359]

I mean it's more fun in making your own website, xD

[@CodingNepal]

It depends.. on which language you're familiar with

[@ranvirraj1855]

From where are you learning web programming?

[@CodingNepal]

I've learned from KZbin videos, blogs, free online sites etc. and I'm still learning.

[@lifebest4404]

Sir how to create full future WhatsApp

[@fatkur]

Awesome :)

[@CodingNepal]

Thank you

[@ujenbasi9495]

Can you share your all chrome extension

[@CodingNepal]

ColorZilla, Adblocker, Grammarly..these are the extension that I most used.

[@ujenbasi9495]

@@CodingNepal thank you sir

[@LYRICALIZE]

why my project on atom not save auto kyu ans soon

[@CodingNepal]

You've to install packages/plugins for it.

[@kiranclasses]

Sir do u know hindi language

[@CodingNepal]

Yes I know

[@prajwalsharma477]

kun thau bata ho hajur \

[@CodingNepal]

Surkhet

[@codingindia]

code not yet :(

[@CodingNepal]

Video is recently uploaded. So please wait for codes.

[@codingindia]

@@CodingNepal :D ok

[@Mkumarei]

Bro react js courses?

[@CodingNepal]

Still haven't

[@eliseucoffee3318]

dont work for me

[@eliseucoffee3318]

and dont show errors

[@CodingNepal]

Can you explain it more?

[@androidworld5134]

Kindly tell me what is your age. I know it is a strange question but I hope you will tell me🤗😋

[@CodingNepal]

I'm 18 now but soon will be 19

[@divyanshusah2809]

Jay nepal......

[@balazs8351]

Or simply just listen to online and offline events. window.addEventListener('offline', function(e) { console.log('offline'); }); window.addEventListener('online', function(e) { console.log('online'); });

[@CodingNepal]

No it's not proper way to detect Internet connection status because if you're connected to the WiFi which has no Internet access then your status will be online which I don't want. And nowadays you can only change the status from network tab of browser's developer tool. If you manually turn off or on WiFi then navigator.onLine and online/offline events not work or don't show updated status. So I used ajax for it.

[@_danishlaeeq]

@@CodingNepal nice one

[@_danishlaeeq]

@@CodingNepal still waiting for advance dropdown hide on background click :(

[@balazs8351]

@@CodingNepal For me it perfectly works if I disconnect and reconnect to wifi (I'm not talking about the devtools option which also works). My big concern about your solution is that you have to perform a request in order to tell whether you have connection or not. Lets say the user just browse the actual page without clicking on a link. It would be nice to show the notification in that case.

[@CodingNepal]

The intension to make this video is only about how to detect Internet connection status. Now it's depends on users how they use it on their projects.

[@clutchdiamond8891]

Please do a face reveal too

[@gamingpro741]

Thanks man

[@aadityasharma530]

PLZZ upload source code on your site

[@CodingNepal]

Source link is in the description

[@sitebx9635]

Hi,Can You Make A VPN CAPTURE DETECTOR

[@aakashsingh7391]

Y dont u explain with ur words

[@CodingNepal]

I'll try to do it in my upcoming videos.

[@harshjain8345]

Great!!! ...plzz mention your pc specs??... I'm curious.. I"ll be glad if u revert back... Kindly mention in detail

[@CodingNepal]

CPU - Ryzen 3 3300 Motherboard - MSI B450M Pro GPU - Nvidia GTX 1650 4gb Ram - Tforce RGB 8 * 2 = 16GB

[@harshjain8345]

@@CodingNepal thanks for replying!!!

[@AdisolGaming]

Awesome!

[@glitchcom946]

code not yet :(

[@CodingNepal]

Available soon. I'll inform you once it uploaded.