Learn how JavaScript COOKIES work! 🍪

[@BroCodez]

const firstText = document.querySelector("#firstText"); const lastText = document.querySelector("#lastText"); const submitBtn = document.querySelector("#submitBtn"); const cookieBtn = document.querySelector("#cookieBtn"); submitBtn.addEventListener("click", () => { setCookie("firstName", firstText.value, 365); setCookie("lastName", lastText.value, 365); }); cookieBtn.addEventListener("click", () => { firstText.value = getCookie("firstName"); lastText.value = getCookie("lastName"); }); function setCookie(name, value, daysToLive){ const date = new Date(); date.setTime(date.getTime() + (daysToLive * 24 * 60 * 60 * 1000)); let expires = "expires=" + date.toUTCString(); document.cookie = `${name}=${value}; ${expires}; path=/` } function deleteCookie(name){ setCookie(name, null, null); } function getCookie(name){ const cDecoded = decodeURIComponent(document.cookie); const cArray = cDecoded.split("; "); let result = null; cArray.forEach(element => { if(element.indexOf(name) == 0){ result = element.substring(name.length + 1) } }) return result; } Document first name: last name: submit get cookies

[@ALLINONE-ko6sv]

Completed the JavaScript playlist.. Thanks Bro

[@chiculitamihaela8076]

Thank you, great practical examples, I understood cookies 😍

[@pexeixv]

Was supposed to use the js-cookie library, until I saw this video and decided to write it out myself. Well explained!

[@FluoFalI]

Finally i can store data within a client your a lifesaver

[@ripolas]

super underrated!!!

[@kirillzlobin7135]

Great tutorial. Thank you

[@mrguy2]

Thank you so much this tutorial was very useful and I really learned what I was doing.

[@one111won]

awesome explanation!

[@daniellinares4960]

this is such a life saver, thank you!!

[@mahir04]

Thanks. If one day my startup makes enough money I'll pay you back for this.

[@doublesushi5990]

🤣

[@chiggywiggy524]

We need more people like you 👏

[@nischaygadher4093]

Awesome bro 😎👍

[@hunin27]

Actually, you could use the browser console and go into the application sub-menu, there, cookies, local storage and session storage are displayed in a table!

[@shegyoo]

great video

[@addda1899]

Thank you bro not disappointed as always, can you do a video about promises,callbacks,asyncs.. i am really struggling on those

[@ytgod2094]

He already did

[@coocoo3336]

wow greate tutorial

[@lucabinder9829]

That was complicated 🥵🥵🥵

[@MrLoser-ks2xn]

Thanks!

[@Ken-zh4gu]

Bro thank you for your tutorials and can you please do a course in django python?.

[@adityashinde7815]

thank you so much for this valuable content bro code 🙏🙏🙏🙏🙏🙏🙏

[@dmytro_kruhlyi]

Thanks for the amazing video! Where is your autocomplete? 😄

[@RohitCantSing]

Can you plz also do fortran tutorials. I need it for my exams but I can't find someone who can explain it well like you

[@iMarius977]

Variables can work too?

[@rudrarajkar1116]

is this what consistency is?

[@Iamafuckingmadlad]

Yup

[@TechBro4Life-uk8po]

Very cool my bro code. But i'd want to suggest that you replace == with === in 08:27

[@Plapx3]

thank bro

[@fujiaaniya]

Ďakujeme za zdieľanie. Viem, že Morelogin dokáže chrániť súkromie.

[@mdmahmudjamil5802]

sir, How to overcome document.object not defined 😔

[@natnaeltaye]

i don't understand The , if(element.indexOf(name){ result = element.substring(name.length + 1); } is there anyone who can explain to me?

[@hlahtunthein2830]

This condition checks if the current cookie string (element) starts with the specified cookie name. indexOf(name) returns the index of the first occurrence of name in the element. If the cookie name is at the start of the string, it will return 0. This means that you are checking for a cookie that matches exactly (e.g., if name is "firstName", it will check for "firstName=value").

[@nihongo_]

W bro

[@Kattoe]

Is there any way to copy a specified cookie to your clipboard?

[@raghabpandit2610]

didnt understand the getCookie function can anyone pls help?

[@zibozhao5789]

when i write document.cookie = "firstName=SpongeBob"; my cookie stays blank idk why /_ \

[@abuzarn7310]

Remove the word "Beginners" from the playList title

[@TheSavageNoob]

lets go

[@tayaobilly8577]

the video title says it all hahaha

[@Vairoon]

cookies dont work, they stay blank xd

[@smilekick6025]

first comment

[@hamzagohar2048]

This code is giving errors i copied it from the comment section to see if i made any mistakes but it still gave the same error function getCookie(name){ const cDecoded = decodeURIComponent(document.cookie); const cArray = cDecoded.split("; "); let result = null; cArray.forEach(element => { if(element.indexOf(name) == 0){ result = element.substring(name.length + 1) } }) return result; } error TypeError: Cannot read properties of undefined (reading 'length') at javaScript.js:25:39 at Array.forEach () at getCookie (javaScript.js:23:9) at javaScript.js:3:1 (anonymous) @ javaScript.js:25 getCookie @ javaScript.js:23 (anonymous) @ javaScript.js:3