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

Показать описание

WsCube Tech is a leading Web, Mobile App & Digital Marketing company, and institute in India.

We help businesses of all sizes to build their online presence, grow their business, and reach new heights.

All the courses are job-oriented, up-to-date with the latest algorithms and modules, fully practical, and provide you hands-on projects.

📞 For more info about the courses, call us: +91-7878985501, +91-9269698122

✅ CONNECT WITH THE FOUNDER (Mr. Kushagra Bhatia) -

Connect with WsCube Tech on social media for the latest offers, promos, job vacancies, and much more:

--------------------------------------| Thanks |---------------------------
#JavaScriptProject #ToDolistApp #JavaScript

Рекомендации по теме

Комментарии

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

adeebkhan

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

keshaii_

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

Spider-Man_

Thank you sir very nice and net and clear explaination😊

archanasahu

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 :
to be
DOM.
Event listner.

which further if we move to react the UI update is all taken control by react HOOKS..

boomaboom