Learn how JavaScript COOKIES work! 🍪

#JavaScript #cookies #tutorial
// cookie = a small text file stored on your computer
// used to remember information about the user
// saved in name=value pairs
//console.log(navigator.cookieEnabled);
//document.cookie = "firstName=Spongebob; expires=Sun, 1 January 2030 12:00:00 UTC; path=/";
//document.cookie = "lastName=Squarepants; expires=Sun, 1 January 2030 12:00:00 UTC; path=/";
//let allCookies = document.cookie;
//console.dir(allCookies);

[@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

[@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!

[@ALLINONE-ko6sv]

Completed the JavaScript playlist.. Thanks Bro

[@mrguy2]

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

[@kirillzlobin7135]

Great tutorial. Thank you

[@daniellinares4960]

this is such a life saver, thank you!!

[@one111won]

awesome explanation!

[@FluoFalI]

Finally i can store data within a client your a lifesaver

[@ripolas]

super underrated!!!

[@MrLoser-ks2xn]

Thanks!

[@nischaygadher4093]

Awesome bro 😎👍

[@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

[@adityashinde7815]

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

[@Ken-zh4gu]

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

[@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

[@Plapx3]

thank bro

[@coocoo3336]

wow greate tutorial

[@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!

[@dmytro_kruhlyi]

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

[@TechBro4Life-uk8po]

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

[@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 👏

[@fujiaaniya]

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

[@lucabinder9829]

That was complicated 🥵🥵🥵

[@TheSavageNoob]

lets go

[@tayaobilly8577]

the video title says it all hahaha

[@Kattoe]

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

[@zibozhao5789]

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

[@mdmahmudjamil5802]

sir, How to overcome document.object not defined 😔

[@rudrarajkar1116]

is this what consistency is?

[@Iamafuckingmadlad]

Yup

[@crazyMando_me]

milk and cookies

[@natnaeltaye]

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

[@abuzarn7310]

Remove the word "Beginners" from the playList title

[@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