12 | Kitchen List | Delete A List Item | JavaScript Malayalam | Web Diary

Подписаться 14 тыс.

Просмотров 7 тыс.

50% 1

Today we will learn how to delete an item from the DOM using Javascript remove() method.
To do list HTML & CSS : codepen.io/WebDiary/pen/ZEKQYad
You should try JS yourself. All best wishes.
Font Awesome URL : cdnjs.cloudflare.com/ajax/lib...
🏘️ Join Telegram : t.me/webdiaryfamily OR
🔍 Search web diary , webdiaryfamily on Telegram
LIVE Coding Challenges
👉 Day 1 : • DAY 1 | LIVE Website C...
👉 Day 1 : • DAY 2 | LIVE Website C...
👉 Day 3 : • DAY 3 | LIVE Website C...
👉 Watch full LIVE videos here : • 🔥 Create Your First We...
👉 Web Design Basic Videos
• 🔥 Web Design for Begin...
👉 CSS Basic Videos
• 🔥 CSS For Beginners Ma...
👉 UI / UX Videos
• Playlist
👉 CSS Basic Videos
• 🔥 CSS For Beginners Ma...
👉 JavaScript Videos
• Playlist
Social Media
❤️ Facebook page : / web-diary-108094647552605
❤️ Instagram : / webdiary96
Queries solved

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

15 фев 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 57

@the_mindgame 4 месяца назад

Thank you for you time and effort , no one will explain simple as this....

@falcondays 5 месяцев назад

thankyou, concepts well explained

@sooryakriz2396 3 года назад

Happy Birthday Bro 🥳🤩😃😊

@WebDiary 3 года назад

Thanks bro 😍❤️🔥

@usthadcomedies6046 2 года назад

Very very useful class about target, thank you very much Sir

@WebDiary 2 года назад

Thanks for watching my video bro 😍

@successguru105 Год назад

Njan pala english tutorial kanddu adhil parayunna ella operations uim valare easy ayi padipichu thannu...adhuim imporatant aya ella topicsuim cover cheyunnu...Thanks a lott🤍🤍

@WebDiary Год назад

Gald to know that bro... Thanks for watching my videos 🤍🤍

@farzeenshareef1380 3 года назад

great video as usual sir.

@WebDiary 3 года назад

Thanks bro

@abinthomas8546 2 года назад

Bro your class is really understanding...thank you so much ...pls continue the section from 13....

@WebDiary 2 года назад

I really wanted to continue bro, i have some time constraints now 😭

@user-cw7dg3ck3p 3 года назад

last kurache confusion ndarnne but video repeat cheyethe kandappo set ayi. MouseEvent vecholla method pwoli

@WebDiary 3 года назад

Thanks bro 😍... Keep practicing...

@muhammedwise5758 3 года назад

bro oru killadi thanne pwoli

@WebDiary 3 года назад

Thanks bro 😍...

@dishuparayil Год назад

Bro super ann poli class❤

@WebDiary Год назад

Thenks ❤❤❤

@lijoxavier7637 3 года назад

Polichu

@WebDiary 3 года назад

Thanks bro 😍

@aryamohan2897 Год назад

Please add lot of projects

@UGCA-AkashM 3 года назад

🔥❤️

@WebDiary 3 года назад

❤️❤️

@BilalMohammed1988 3 года назад

Adipoly...👍👍👍

@WebDiary 3 года назад

Thanks bro 😍

@WebDiary 3 года назад

Bilal, I know it was bit tough, but did u understand this video ?

@BilalMohammed1988 3 года назад

@@WebDiary Yep Bro. I have understand each and every line. Thank you for the in depth explanation. I didn't see in depth explanation in any other content creators... Go Ahead...👍👍👍😍😍😍

@WebDiary 3 года назад

Thank UUU 🔥😀🔥❤️

@as8604 Год назад

ur videos sooper sir

@WebDiary Год назад

Glad to know that 🥰

@as8604 Год назад

@@WebDiary iam still watching ur video

@iyasusman5985 Год назад

Bro, Njaan React padikkaan aan uddeshikkunnath. React padikkunnathin munb Javascript tutorial nte ee videos il ullathellaam (Dom manipulation okke) padikkanam ennundo?

@WebDiary Год назад

React padikkan DOM manipulation padikkanam ennu nirbandham illa bro... But but but you should know JS before you start React... JS ile DOM manipulation aadhyam padichaal JS inodulla pedi maarum... I think u got my point 😍

@iyasusman5985 Год назад

@@WebDiary ok thank you bro 👍👍

@sreenathk.k9772 3 года назад

adipoli presentation 🔥 video kaanumbo thonunnu ingane oke easy aayi cheyyam alle enn..ennit swantamayi cheyyan povumbol logic verilla...kittiya kurach logic vech cheyyan thudangya syntax eror

@WebDiary 3 года назад

Ennne pole ellavarudem thudakkam angane thanne aanu bro... orupaaad struggle cheythittanu palarum innathe professionals aakunnathu... 😍

@sreenathk.k9772 3 года назад

@@WebDiary hoping for the best 🤗⚡

@akhil591 9 месяцев назад

@17:27 ivda ndina classlist index 0 kodthe enn manasilayla

@aaa-os3pj 9 месяцев назад

I yude classes 2 ennam aanu ['fas','fa-trash'] . Array ile index start cheyyunathu 0th position/index thottanu . ie classlist[0] represents first element aaya fas. So first element 'fas' aanengil delete cheyyuka enna logic usecheyyam.

@itpmbs4974 Год назад

i tag koduthappol icon varunnilla , i don't know why! can anyone help?

@adwaidk777 26 дней назад

Same problem

@usthadcomedies6046 2 года назад

Ads skip cheyyaathe kaanaarund for your valuable class.

@WebDiary 2 года назад

Thanks so much... Ingane okke paranju karayippikkkalle... 🥰🥰🥰😭😭😭

@HackHubTech458 Год назад

🌟⭐🌟⭐🌟⭐

@WebDiary Год назад

❤️❤️

@rasalrockefeller1766 3 года назад

Hey boss video onnum ille

@WebDiary 3 года назад

Kunju janichu bro... Angane vacation nu naattil aarnnu... Udane cheyyatto 😍

@rasalrockefeller1766 3 года назад

@@WebDiary oh congratulations 🥰

@WebDiary 3 года назад

Thanks bro 😍

@nishanthcm9326 3 года назад

Bro entha e aduthayi video onnum kaananillalo... Enthpatti

@WebDiary 3 года назад

Kunju janichu bro... Angane vacation aarnnu naattil... Videos udane cheyyatto... Thanks for waiting my videos 😊

@nishanthcm9326 3 года назад

@@WebDiarywow... congrats bro..

@WebDiary 3 года назад

Thanks bro 😍

@dishuparayil Год назад

delete cheyyanulla simple way engane ann. // add kitchen items function addKitchenItems(){ let KitchenInputData = KitchenInput.value // create DOM element now let li = document.createElement("li"); li.innerText = KitchenInputData; li.style.cssText = "animation-name : slideIn"; KitchenItemsList.appendChild(li); KitchenInput.value = ""; KitchenInput.focus (); // create trash button let trashBtn = document.createElement('i'); trashBtn.classList.add('fas','fa-trash'); li.appendChild(trashBtn); } function removeKitchenItems(){ let item = li; item.remove(); } // step1 // addeventlistner to the button AddBtn.addEventListener("click", addKitchenItems); // step 4 addeventListener to the trashBtn trashBtn.addEventListener("click", removeKitchenItems);

@brijeshp1878 Год назад

bro eth work avunilalllo ? onnu paranju tarammo

@MuhammadShakkeer 2 года назад

Remove item successfull. then njan ... item.style.cssText = "text-decoration:line-through; color:red;" cheythu... array yilek store cheyyunnath cheythilllallo

@WebDiary 2 года назад

Chilathokke ningal swayam try cheyyanam... Atha njan athokke vittekkunnathutto ❤️