11 | Kitchen List | Add List Item With Animation | JavaScript Malayalam | Web Diary

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

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

50% 1

Today we will do a JavaScript project that covers variable usage, function usage, event listeners, DOM manipulation etc
To do list HTML & CSS : codepen.io/WebDiary/pen/ZEKQYad
You should try JS yourself. All best wishes.
🏘️ Join Telegram : t.me/webdiaryfamily OR
🔍 Search web diary , webdiaryfamily on Telegram
👉 JavaScript Videos
• Playlist
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...
Social Media
❤️ Facebook page : / web-diary-108094647552605
❤️ Instagram : / webdiary96
Queries solved

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

1 фев 2021

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист

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

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

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

Sir പൊളിച്ചു നല്ല ക്ലാസ്സ്‌ കുറേ ക്ലാസ്സ്‌ കേട്ടിട്ടുണ്ട് അതിൽ നിന്നും വ്യത്യസ്തമായി എല്ലാം മനസ്സിലാകുന്നുണ്ട് ❤❤❤❤❤❤ Sir നമ്മളെ മുത്താണ്

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

Thank UUU so much 🥰 for watching my video 😍👋...

@user-gq7zy7zt7e 6 месяцев назад

Iam learning programing so iI completed this project with you.Also when "ENTERKEY " Is pressed the items are stored in to the Array. thank u sir

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

Pwoli Pwoli 🔥🔥🔥🤩🤩🤩

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

Thanks bro 😍

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

Thank you sir very useful video..

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

Thanks bro 😍

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

Sir...very useful video series.... helping me a lot..... ❤️❤️❤️

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

Thanks bro 😍

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

Pwolichu❤️

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

Thanks bro 😍

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

project cheyethe padikkumbo olla feel onne vere ane. Tnx bro

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

Thanks bro 😍...

@devzz91 8 месяцев назад

Sir,otta arrayilekano push cheynde values or add cheyth kodukuna value seperate arrayilano kanniknde?

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

good video...very helpful...

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

Thank U 😊...

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

Super.

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

Thanks bro 😍

@dishuparayil Год назад

Very useful video ❤

@WebDiary Год назад

Thanks bro ❤️

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

Super sir ✌️🔥

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

Thanks bro 😍

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

👌👌👌❤

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

😍😍

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

👌

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

😍

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

van poli.

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

Thanks Bro 😍

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

🤩🤩

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

❤️❤️

@bilalmuhammed4135 Год назад

Why is the result showing as undefined?

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

hai... nice explanation ✌️ nammal 'li' il javascript vazi animation name css add cheythapo ath inline style ayi alle add avunnath?

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

Yes, athe, JS will inject that, because JS inu nammade CSS file il poyi change cheyyan ulla freedom illa, pinne external css inekaalum munganana inline CSS inu aanu...

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

@@WebDiary thanks bro⚡ But inline css maximum ozivakunath aaan nallath enn alle parayar 🤔

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

buttonil onlclik use cheyumbole enthoke matanam

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

21:54 cheythu . output kitty. but keycode === 13 yennullath strikethrough text aayi kaanikkunnu .. athentha

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

hey bro, check this codepen : codepen.io/WebDiary/pen/poWdqXG?editors=1011

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

@fasal5129 Год назад

sir last paraga empty arrayilekku store cheyyunathu kandupidichu. KitchenItems.push(kitcheninputData); console.log(KitchenItems);

@brijeshp1878 Год назад

kitchenitems empty array ano bro

@fasal5129 Год назад

@@brijeshp1878 yes

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

Kalakki ithreum detailed class swapnangalil mathram......

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

😍😍😍... Thanks bro... Swapnangal kaanu ... Ellam nadakkum...

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

Yes... 100% sure aanu... ❤️

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

hii,, sir ngane aan browser l correct div size oke aryune,,inspect element alaato,sir vere ntho tool use cheithale e lenght oke ariyune,

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

nik correct div measure aryand .stuck aavua.

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

Njan inspect element aanu use cheyyunne... Vere evide kandu njan different tool use cheyyunnathu... ?

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

Vere etho browser tool ale use cheyane

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

Drawer polathe tools use cheithat

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

Aaa okay... Athu chrome browser plugin aaanu... Plugin install cheyyan ariyaamo ? Page ruler redux ennanu aa toolinde peru

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

Here is the codepen link for HTML & CSS. Please write yourself JS code. codepen.io/WebDiary/pen/ZEBGrJL

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

Sir if possible please share the css code with us..

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

I have character limit here bro... Can u send me a message on telegram so that I can share CSS with you... Happy to share bro 😍

@user-nd4hy7md3y 6 месяцев назад

Liz

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

bro ,please upload react js tutorial

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

When I upload html, people will ask css video, when i upload css video people will ask js video... 😍😍😍

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

@@WebDiary bro ,thats right but i have complete up to js ,basically i have no idea about reactjs and angular thats wise i asking u too do because ur entire video is deeply very usefull

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

Yes I understand completely... I will finish this series then I will start react or vue js for sure...stay tuned 🤩

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

react js.react js react js,.....

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

@@WebDiary thnkq bro

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

// Enter key for add items kitchenInput.addEventListener("keypress", function(event) { // If the user presses the "Enter" key on the keyboard if (event.key === "Enter") { // Cancel the default action, if needed event.preventDefault(); // Trigger the button element with a click document.getElementById("add-btn").click(); } }) 22:15