How LocalStorage and Event Delegation work. #JavaScript30 15/30

Today we learn all about Local Storage in the browser and how to use something called Event Delegation to handle events on elements created in the future.

[hibritusta]

Greetings from Turkey.
You have a very good expression.
The subject is well understood with real life applications!
Congratulations and thanks!

[frankiev]

One of my favorite videos on LocalStorage so far. Thanks Wes!

[julianstorm]

Why did I not do this series when I started with js....came here to review some concepts and found out there's fair a few things I haven't covered...Thanks for this great series....You deserve way more subs.

[alexandera]

Thanks a lot, Wes! This video and the whole JS30 series are super useful and fun. Learned a lot from just watching your step-by-step building process.

[lucas]

Several very important concepts applied in practice ... Thanks Wes

[lukasluftlaufer]

This is so clever! Learned a lot! Thanks Wes.

[ArifBasri]

timeless tutorial! thanks very much Wes!

[gothamfury]

Thank you for this video! I'm just getting into JavaScript and learning about LocalStorage and this has been very helpful. I like the editor you're using too. The cursive script for properties is cool.

[akramadil]

I don't clearly understand why you called"populateList" again in the end at line 60.
19:17

[Bajdster]

I have a problem, 13:53 when I try to check checkbox it isn't working, checkbox doesn't responding, there is no error on console.Help

[giadungtienichnoha]

My solution for the challenge (It can toggle between check all & clear all).
// Create a button with class check-all in HTML and select it
const checkAll =
// Add click event
checkAll.addEventListener('click', handleCheckAll);
// Function handle event
function handleCheckAll(e) {
const allCheck = items.every((item) => item.done === true);
if (allCheck) {
items.forEach((item) => (item.done = false));
} else {
items.forEach((item) => (item.done = true));
}

localStorage.setItem('items', JSON.stringify(items));
populateList(items, itemsList);
}

[polmeep]

Hi, how did you configure autocomplete of html tags in backticks? I'm using a VS Code but for me it's not working.

[fespamo]

i'm still a beginner, i realise this as i need to watch an practice this video 2 or 3 times

[avi]

12:10 Or, just wrap the input and the text in <label> and you don't need to do that you did.
I.e.
<label> <input type="checkbox" data-index=${i} /> ${place.text} </label>

[AhmedSamir-hxip]

@ 10:25, when i try & type something & submit it, the Loading Tapas... disapear & nothing added, then when i try to add something one more time it adds what i typed pervious, my code is just like yours
thanks <3

[wentingsong]

How do you type the taco or the poop icon there?

[丶-su]

while input has display : none
how can he detected if is checked or not ?
didn't work for me so I add this code

position: absolute;
opacity: 0;
cursor: pointer;

I just wanna know how it's work for him 🤔

[talhaabbas]

what an amazing way to teach event delegation 😂😂😂

[avi]

In localStorage, instead of localStorage.setItem("name", "value") - you could just: localStorage.item = "value"

[dentistasenciudadjuarezchi]

done lol, i finally got a delete button to work on the list, but the only problem is that it deletes everything, instead of a single item. So i named that button delete all lmao