Create a To-Do List App using JavaScript | JavaScript Projects for Beginners

[@owaishanif7999]

nice, love you from Pakistan.

[@swapnilchilwant6867]

Thank you sir👍

[@keshaii_]

Bhagirath sir,
Love from Manav aashram Colony ❤️
I'm your big big big fan 🙏🏼

[@adeebkhan8531]

First of all thank you so much for this amazing project. However, there are couple of bugs that need to be fixed.
(1.) If you press "Enter" without writing anything in the input box then a half sized empty todo box appears which shouldn't.
(2.) Even if you fix this bug there's still more to do as when you press spacebar (once or more than once) and press "Enter" then also that same half sized empty todo box appears.
These are the changes that must be done in the function code:
item.addEventListener(
"keyup",
function (event) {
if (event.key == "Enter") {
let cleanlist = this.value.trim();
if (cleanlist.length > 0) {
addToDo(cleanlist)
this.value = "";
} else {
return;
}
}
}
)

[@nanmakrishnan]

Even this may help!!!
item.addEventListener(
"keyup",
function(event) {
if (event.key === "Enter") {
const inputValue = this.value.trim(); // Remove leading and trailing spaces
if (inputValue !== "") {
addToDo(inputValue);
this.value = "";
}
}
}
)

[@MohammadTalha-p5z]

Outstanding

[@WorksOfVarun]

Didn't think I'd watch a 20min video, went by so fast!
Nice job! 🔥

[@archanasahu7103]

Thank you sir very nice and net and clear explaination😊

[@Spider-Man_67]

Superb Project sir, please bring more advanced JS projects including Twilio,much needed.

[@boomaboom6458]

PLEASE CORRECT ME IF I AM WRONG....
This is just my point of view that after attending this lecture that i have learnt:
if we want to CRUD operation on client side :
--------Topics to be covered-------
DOM.
Event listner.
which further if we move to react the UI update is all taken control by react HOOKS..

[@hassamakbar1]

Great , Thanks

[@mritunjaykumar9144]

JS 10:22

[@MuhammadUsman-ok5vs]

nice

[@coding99shanawaj]

Item jayda houa toh overlap kar raha hai

[@travellinggoose]

awesome

[@AdarshMitr]

style is not working on 'delete icon'

[@opticmind]

Sir can i take web development course frim your web

[@prerit791]

Python me vi todo list banana sikao na vai😁

[@bcastudy01]

How to add a remainder in this code Can anyone help me to add a remainder to the Task in this code

[@utkarsh3vedi]

sir line through hoo hi nahi raha please reply

[@JitendraSharma-vr5bo]

not working i

[@ummesalma859.]

My code is note working

[@Dinkar_Thakur]

Humne HTML me i-tag ke andar fas fa-time kyu diya samajh nahi aaya koi samajha skta hai

[@natureandbeautyofsingal]

Font icons ka Lia use Karta hn

[@richpubg983]

Please bro please how to make Pubg hack 🧐🧐

[@futurexa]

satire?

[@vision_lc]

🤣🤣

[@MohsinKhan-wv3ep]

Sir agar input khaali hai phir bhi li add hora wo bhi khaali
Is problem ko bataaiye na

[@IfhamTechCoverage]

use if else statement where checking that the enter key is pressed and add another condition ( first condition && items.value !== "")

[@MohammadTalha-p5z]

@@IfhamTechCoverage Helpfu! But If we press just space bar it is again giving us half empty box.