Тёмный

Learn how JavaScript COOKIES work! 🍪 

Подписаться
Просмотров 46 тыс.
% 1 148

#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);

Наука

Опубликовано:

 

23 апр 2022

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 40   
@BroCodez
@BroCodez 2 года назад
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
@chiculitamihaela8076 Год назад
Thank you, great practical examples, I understood cookies 😍
@pexeixv
@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
@ALLINONE-ko6sv Год назад
Completed the JavaScript playlist.. Thanks Bro
@mrguy2
@mrguy2 Год назад
Thank you so much this tutorial was very useful and I really learned what I was doing.
@daniellinares4960
@daniellinares4960 26 дней назад
this is such a life saver, thank you!!
@one111won
@one111won Год назад
awesome explanation!
@kirillzlobin7135
@kirillzlobin7135 10 месяцев назад
Great tutorial. Thank you
@DlguyIsbad
@DlguyIsbad 6 месяцев назад
Finally i can store data within a client your a lifesaver
@nischaygadher4093
@nischaygadher4093 29 дней назад
Awesome bro 😎👍
@ripolas
@ripolas Год назад
super underrated!!!
@MrLoser-ks2xn
@MrLoser-ks2xn Год назад
Thanks!
@RohitCantSing
@RohitCantSing 2 года назад
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
@addda1899
@addda1899 2 года назад
Thank you bro not disappointed as always, can you do a video about promises,callbacks,asyncs.. i am really struggling on those
@ytgod2094
@ytgod2094 11 месяцев назад
He already did
@Ken-zh4gu
@Ken-zh4gu 4 месяца назад
Bro thank you for your tutorials and can you please do a course in django python?.
@shegyoo
@shegyoo 8 месяцев назад
great video
@coocoo3336
@coocoo3336 Год назад
wow greate tutorial
@dmytro_kruhlyi
@dmytro_kruhlyi 9 месяцев назад
Thanks for the amazing video! Where is your autocomplete? 😄
@adityashinde7815
@adityashinde7815 4 месяца назад
thank you so much for this valuable content bro code 🙏🙏🙏🙏🙏🙏🙏
@hunin27
@hunin27 7 месяцев назад
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!
@mahir04
@mahir04 Год назад
Thanks. If one day my startup makes enough money I'll pay you back for this.
@doublesushi5990
@doublesushi5990 11 месяцев назад
🤣
@chiggywiggy524
@chiggywiggy524 8 месяцев назад
We need more people like you 👏
@Plapx3
@Plapx3 Год назад
thank bro
@fujiaaniya
@fujiaaniya Год назад
Ďakujeme za zdieľanie. Viem, že Morelogin dokáže chrániť súkromie.
@TechBro4Life-uk8po
@TechBro4Life-uk8po Месяц назад
Very cool my bro code. But i'd want to suggest that you replace == with === in 08:27
@Kattoe
@Kattoe Год назад
Is there any way to copy a specified cookie to your clipboard?
@mdmahmudjamil5802
@mdmahmudjamil5802 3 месяца назад
sir, How to overcome document.object not defined 😔
@lucabinder9829
@lucabinder9829 2 года назад
That was complicated 🥵🥵🥵
@TheSavageNoob
@TheSavageNoob 2 года назад
lets go
@rudrarajkar1116
@rudrarajkar1116 2 года назад
is this what consistency is?
@Iamafuckingmadlad
@Iamafuckingmadlad Год назад
Yup
@natnaeltaye
@natnaeltaye Месяц назад
i don't understand The , if(element.indexOf(name){ result = element.substring(name.length + 1); } is there anyone who can explain to me?
@zibozhao5789
@zibozhao5789 2 года назад
when i write document.cookie = "firstName=SpongeBob"; my cookie stays blank idk why /_ \
@tayaobilly8577
@tayaobilly8577 2 года назад
the video title says it all hahaha
@crazyMando_me
@crazyMando_me 4 месяца назад
milk and cookies
@abuzarn7310
@abuzarn7310 Год назад
Remove the word "Beginners" from the playList title
@Vairoon
@Vairoon 2 года назад
cookies dont work, they stay blank xd
@smilekick6025
@smilekick6025 2 года назад
first comment