Тёмный

06 | Learn How JavaScript Works On The Browser With A JavaScript Array Project Malayalam | Web Diary 

Web Diary
Подписаться 14 тыс.
Просмотров 11 тыс.
50% 1

Today we will write our first 5 lines of JavaScript code for our JavaScript array project. Also, we will check what exactly JavaScript works in the browser. Its called debugging. Along with that, we learn how to create html elements, how to add text, how to append html elements to DOM using JavaScript.
Timecodes
0:00 - Intro
0:51 - Array For Loop (Visual Representation)
3:18 - Array For Loop (Actual Usage)
4:25 - CreateElement using JavaScript
5:47 - How javaScript Works (Debugging)
9: 36 - Inner Text Javascript
13: 00 - Append HTML elements to DOM using JS
👉 JavaScript Videos
• Playlist
🏘️ 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...
Social Media
❤️ Facebook page : / web-diary-108094647552605
❤️ Instagram : / webdiary96
Queries solved

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

 

30 июл 2024

Поделиться:

Ссылка:

Скачать:

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

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 84   
@hidaappworld4431
@hidaappworld4431 3 года назад
Sir length ഒരു വിഷയമല്ല ഇത് പഠിക്കണം എന്ന് താല്പര്യമുള്ളവർ ഒരു മണിക്കൂർ ഉള്ള വീഡിയോ പോലും കാണും 👍
@WebDiary
@WebDiary 3 года назад
Thanks for watching my video 😍...
@the_mindgame
@the_mindgame 4 месяца назад
Super class. simple, beautiful and powerful
@jojuthomas3406
@jojuthomas3406 3 года назад
Awsome Man.....no words to explain the way you describe the basics. Thank you so much. God Bless you.
@WebDiary
@WebDiary 3 года назад
Hey thanks a lot bro 🥰🥰🥰
@BilalMohammed1988
@BilalMohammed1988 3 года назад
Nice One. As if now i am going through these lessons. Thnx bro for these wonderful tutorials...❤️❤️❤️
@WebDiary
@WebDiary 3 года назад
No worries bro... When u become expert in any tech,be open to share ur knowledge with others too... Thanks for watching my video 😍
@salik.s8147
@salik.s8147 2 года назад
good work sir. basic sir parayum pole vere arum paranju tharilla.... thankyou so much
@WebDiary
@WebDiary 2 года назад
Glad to hear this bro ❤️❤️❤️
@aryalekshmi
@aryalekshmi 2 года назад
Great work sir😍... nalla explanation... i really thanking you for this wonderful explanation sir.
@WebDiary
@WebDiary 2 года назад
Hey glad to know ❤️🥰❤️
@MuhammedSafvanMP
@MuhammedSafvanMP Год назад
Bro class 'document.query selector('.class') kodukkumbole appendChild varkkavunnud . But document.getElemntsByClassName('class') / ('.class') koduthittum appendChild doesn't respond. How do you think I could fix this problem, bro? please tell me.
@abhijithp7569
@abhijithp7569 2 года назад
nice well explained
@WebDiary
@WebDiary 2 года назад
Thanks bro ❤️
@rohinigireesh
@rohinigireesh Год назад
Thanks for your effort for us... love you😍
@WebDiary
@WebDiary Год назад
❤️❤️ Thanks so much bro… ❤️❤️
@Suhaila301
@Suhaila301 Год назад
Adipoly 👌
@WebDiary
@WebDiary Год назад
Thanks 😍
@sreenathk.k9772
@sreenathk.k9772 3 года назад
Ith pole simple example oke paranj padipich theran oru teacher +1,+2 il padikunna kaalam undayirunnenkil enn agrahich povunnu 😌 Good presentation good examples ♥️
@user-nd4hy7md3y
@user-nd4hy7md3y 6 месяцев назад
plus2 illengilum potte computer science padipikumbo ennelum madiyaynu
@gokulgokul6064
@gokulgokul6064 Год назад
broyude classu adipoliyanu... thankyou
@WebDiary
@WebDiary Год назад
Glad to know that ❤️
@GlamWinds
@GlamWinds Год назад
Nice presentation ❤
@WebDiary
@WebDiary Год назад
Stay connected
@midhunmohan2676
@midhunmohan2676 Год назад
Many Many thanksssssssss
@WebDiary
@WebDiary Год назад
Glad to know bro ❤️❤️
@meenums7725
@meenums7725 3 года назад
Nice ❤️❤️❤️
@WebDiary
@WebDiary 3 года назад
Thanks 🤩🤩🤩
@henryford1910
@henryford1910 2 года назад
Thank u sir
@WebDiary
@WebDiary 2 года назад
No worries bro ❤️
@premababu847
@premababu847 3 года назад
Good
@WebDiary
@WebDiary 3 года назад
Thanks ☺️...
@jibinsha565
@jibinsha565 2 года назад
Nice
@WebDiary
@WebDiary 2 года назад
Thanks bro ❤️
@dishuparayil
@dishuparayil 10 месяцев назад
@PthCreations
@PthCreations 3 года назад
Good Video Bro ❤️
@WebDiary
@WebDiary 3 года назад
Thanks bro 😍... Did u learn something... Just a question, how much do u rate this series out 10 point ?
@PthCreations
@PthCreations 3 года назад
@@WebDiary Yes Bro I Learned, I Have Watched Almost All Of Your Videos.. I Will Rate This Series 10/10...❤️
@WebDiary
@WebDiary 3 года назад
@@PthCreations Ah Thanks bro... You can always point out if any issues with my videos here...
@successguru105
@successguru105 Год назад
append.Child error kanikunn source pagil li = powder varei okay aahnu but append.Child varumbo error akunnu😔
@btwitzabhi113
@btwitzabhi113 6 месяцев назад
"AlllLi = currypowder" enn koduthalm ee list pole varille
@webcreations2380
@webcreations2380 3 года назад
👍
@WebDiary
@WebDiary 3 года назад
😍
@farzeenshareef1380
@farzeenshareef1380 3 года назад
bro nice video. oru doubt undayirunnu athayath kitchenItemsList enn parannittulla variable enthinan for loopinde porath koduthath? athe pole for(powder of currypowder) and for (powder in currypowder) thammilulla difference enthan. Do help if possible bro
@WebDiary
@WebDiary 3 года назад
Global aayi data kittan vendiyaanu kitchenItemList variable purathu declare cheyyunnathu... Athile data kure sthalathu namak aavashyam undu... in iteration namak arrayile key value aanu tharunnathu... Of iteration namak arrayile values ine aanu tharunnathu....
@farzeenshareef1380
@farzeenshareef1380 3 года назад
@@WebDiary ok sir thanks
@vidyasurendran2841
@vidyasurendran2841 3 года назад
🥰🥰👍
@WebDiary
@WebDiary 3 года назад
😍😍..
@unniagm5510
@unniagm5510 3 года назад
Good one, How can i create dynamic li and loop without Array...?
@WebDiary
@WebDiary 3 года назад
Dynamic li can be created with a button... U have to add an addEventListener to the button. Then u may populate the li tags inside the event listener function
@bibinmidhila1783
@bibinmidhila1783 3 года назад
ee class eppola kanunne ethinte remaining portion undakumo? javascript oru full course .ethupolanengil js experts akum njangal athrakkum nalla classes. react course ethuvare ullathu complete cheyrhu. sir waiting for your remaining classes. good teacher. thanks
@WebDiary
@WebDiary 3 года назад
Thanks bro 😍... Will do more videos soon
@SebinJosephOuseppachen
@SebinJosephOuseppachen 3 года назад
No matter video length.... basics mukhyam bigilee... 😂😂👍
@WebDiary
@WebDiary 3 года назад
Thanks bro 😍...athe basics mukyam...😍😍🥳🥳
@ajeeshcp7739
@ajeeshcp7739 3 года назад
Bro what is the difference between innerHTML and innerText ?
@WebDiary
@WebDiary 3 года назад
Good question bro... codepen.io/WebDiary/pen/oNZgBzJ?editors=1011 Check this codepen and see the console. innerText use cheythu, namak oru html element inu akthulla text ine maathrame replace cheyyan pattullu... innerHTML use cheythaal oru html elementinu akathulla text inde koode thanne mattoru html tag koodi pass cheyyan pattum... Codepen nookiyaa manasilaakum... simple aayi paranjaal, innerText use cheythu text maathram maattam. innerHTML use cheythaal textinde oppam html tag um add cheyyam.
@sanjuspaceyt4202
@sanjuspaceyt4202 2 года назад
bro oru doubt und.appo ee javascript il for loop il i=0,i
@WebDiary
@WebDiary 2 года назад
Hey, yes athinde aavshyam undu bro...
@athc6506
@athc6506 2 года назад
Sir ithippo CLASS inu pakaram ID koduthappol javascript il aa list oke web page il athayath DOM il vannu append() ennna function oke use cheyth.Njan CLASS use cheythitt document.querySelector oke use cheythitt append function oke use cheythappol nik DOM il athayath nte webpage il aa list vannilllla.Anganne cheythappol appendfunction() is not defined angane oru error console il kaanikkunnu.Evdeyaa error vanne enn manasilaakunnila.Ee project il CLASS vach use cheyyan pattathond aano sir ,athukond aano ee list il ID vach cheythath.Ee oru doubt clear cheyyammo 🙏🙏🙏
@WebDiary
@WebDiary 2 года назад
Ey angane onnum illa... Id aanelum class aanelum JS il athu kondu varaan vendi aanu queryselector allel getelementbyid okke use cheyyunnathu... Ethu venelum choose cheyyam...
@athc6506
@athc6506 2 года назад
@@WebDiary Sir but ee project il ID kku pakaram class koduthappol error varunnu ath nthukonda enn manasillaakunnilla ee doubt clear cheyyamoo sir 🙏
@WebDiary
@WebDiary 2 года назад
@@athc6506 console ile aa element varunnundo ennu nokkamo ? Pinne queryselector koduthapo (".classname") aaano koduthe, aa dot miss aavan paadilla
@athc6506
@athc6506 2 года назад
@@WebDiary Sir sheri aayi sir paranjapole class aayathukond JS file il dot idanam njan neratgye ath ittittillaarnnu athukonda nik console il "Cannot read properties of null(reading 'appendChild' ) enna error vannath.Ippol dot ittappol aaa error maari correct aayi.CLASS annenkil dot idanamennum ID aanenkil dot nte aavashyam illa ennum manasilaaayi.Thank you so much sir for your reply 🙏🙏🙏🙏🙏Oro doubt um clear aavumbol ulla happiness paranj ariyikkan pattyllla thank uuuu
@WebDiary
@WebDiary 2 года назад
Hey I didn't see ur code but I know how a Junior commits mistakes... Because I used to do the same mistake when I was Junior 😂...
@anaska7846
@anaska7846 2 года назад
Uncaught TypeError: Failed to execute 'appendChild' on 'Node': parameter 1 is not of type 'Node'. sir igane kannikunu ethu chyiyum
@WebDiary
@WebDiary 2 года назад
Please send me a codepen in telegram bro
@anaska7846
@anaska7846 2 года назад
@@WebDiary codepen.io/Anaska/pen/gOvqowr i already send in to telegram
@shebeeradimaly6125
@shebeeradimaly6125 2 года назад
powder = document.getElementById("kitchen-items-list") declare this ...in main.js
@lijoxavier7637
@lijoxavier7637 3 года назад
Bro sass tutorials cheyavo
@WebDiary
@WebDiary 3 года назад
JS series kazhinjitte ini cheyyan pattu bro... 🤔
@lijoxavier7637
@lijoxavier7637 3 года назад
@@WebDiary ok bro
@resmiravindran6232
@resmiravindran6232 2 месяца назад
Sir JS sharikkum adipoliyanu...... After watching ur videos
@WebDiary
@WebDiary Месяц назад
Thanks ❤️
@sooryakriz2396
@sooryakriz2396 3 года назад
😍😍😍😍😍🤩🤩🤩🤩🤩🤩
@WebDiary
@WebDiary 3 года назад
Hey plz comment something 🤠... You always add emojees... Thanks for watching my video 😍
@sooryakriz2396
@sooryakriz2396 3 года назад
@@WebDiary brode videos onum parayanilla pwoli alle 🤩🤩🤩🤩
@sooryakriz2396
@sooryakriz2396 3 года назад
@@WebDiary iniyanu kalikal varunath projects begin here 🔥🔥🔥
@sooryakriz2396
@sooryakriz2396 3 года назад
Target 30 project and more 💪💪💪💪💪💪💪
@WebDiary
@WebDiary 3 года назад
🥳🥳🥳😍😍😍😍
@successguru105
@successguru105 Год назад
pinnem nokki appendchild error maatram
@successguru105
@successguru105 Год назад
adh varei console ready okay aahnu ...web page il show cheyyan pattanilla ...oru day pooi stack overflow nokki no reksha😅🥲
@iyasusman5985
@iyasusman5985 Год назад
Hi bro, ippo JavaScript padich kaylzhinno? Njaan thudangiyathe ulloo
Далее
07 | JavaScript Array Methods | Malayalam | Web Diary
15:57
Чистка пляжа с золотом
00:49
Просмотров 258 тыс.
How does a browser work ? | Engineering side
30:22
Просмотров 78 тыс.
Protocol Buffers Crash Course
36:07
Просмотров 240 тыс.