JavaScript classList Methods Tutorial in Hindi / Urdu

แชร์
ฝัง
  • เผยแพร่เมื่อ 22 ธ.ค. 2024

ความคิดเห็น • 132

  • @mahdihasan1280
    @mahdihasan1280 3 ปีที่แล้ว +10

    there is no free content like this. It's quite premium .
    really great explanation.
    Love from Bangladesh

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว +3

      Thanks and welcome :)

    • @habibsharkar9133
      @habibsharkar9133 5 หลายเดือนก่อน

      ClassList.add Isn't working
      Why?

  • @akrammd13
    @akrammd13 ปีที่แล้ว +3

    00:36 add() & remove()
    04:42 toggle() & length
    06:54 item(index)

  • @bobbysingh9480
    @bobbysingh9480 4 ปีที่แล้ว +5

    Sir I never ever seen teacher like you who made such a wonderful web development courses for free I have no words to thank you but I pray to god that they give all happiness to you and you will be a successful person❤❤

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +3

      Thanks Thanks Thanks for your good wishes :)

  • @Rajveer__singhhhh
    @Rajveer__singhhhh ปีที่แล้ว +1

    I found gem on TH-cam yahoo baba that's one❤

  • @rezarahman1782
    @rezarahman1782 4 ปีที่แล้ว +6

    Thanks for your awesome explanation. I was wondering that how TOGGLE works!Amazing.

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +2

      You're welcome!

  • @ajaymore2693
    @ajaymore2693 2 ปีที่แล้ว

    Kaha the tum abhi tak , mujhe Mille kyo nahi , yehi toh mei dundh rha tha , thankyou so much Bhai.....

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      Your welcome :)

  • @Salmannaveed123
    @Salmannaveed123 ปีที่แล้ว

    gem of video about classlist

  • @softwareword1507
    @softwareword1507 5 ปีที่แล้ว +1

    I do not have word for you
    You are best 💓💓💓💓

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว +1

      Thanks Dear :)

  • @pryansh_
    @pryansh_ 3 ปีที่แล้ว

    thnx to you people creators and public of such content for making youtube a platform stand different from others

  • @tqaquotes9379
    @tqaquotes9379 ปีที่แล้ว +1

    5:35 toggle method

  • @SachinSingh-oy6cq
    @SachinSingh-oy6cq 2 ปีที่แล้ว

    Nice Explanation bro, Thanks a lot and keep rocking

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      Welcome 👍

  • @nabannainsight
    @nabannainsight 2 ปีที่แล้ว

    Thankyou so much sir, this video helped me a lot. Please make a video on javascript this method. I am confused about this.

  • @sonubharti182
    @sonubharti182 5 ปีที่แล้ว

    sir apki video bahut acchi hai. lovely sir

  • @habeebshaik9091
    @habeebshaik9091 4 ปีที่แล้ว +10

    Bro i wish if you have made some videos on creating JS objects ,constructor functions,Higher order functions and format of callbacks etc....

    • @Lucifer-os4iv
      @Lucifer-os4iv 4 ปีที่แล้ว

      Too many things are missing, new ES 6 writing types also. But his lectures are great.

  • @monikadesai8251
    @monikadesai8251 ปีที่แล้ว

    Helpful... Thank you so much❤

  • @bdnews2474
    @bdnews2474 5 ปีที่แล้ว +1

    Thanks for 12 thousand subscribers

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว

      Thanks for your support and appreciating my work :)

  • @FaizanKhan-el2lr
    @FaizanKhan-el2lr 4 ปีที่แล้ว +2

    Sir ek question tha maine ek div pe I'd lagayi aur click karne pe col-lg-3 bootstrap 4 class laga di pr voo kaam nhi kr raha hai sir

    • @devdeveloper9802
      @devdeveloper9802 4 ปีที่แล้ว +2

      code bhi comment me post kara kare..

    • @binarybulletin
      @binarybulletin 3 ปีที่แล้ว

      Onclick events kia tha Kya

  • @anukashyap4817
    @anukashyap4817 2 ปีที่แล้ว +1

    Thank you so much sir🙏🙏🙏🙏

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      Most welcome

  • @shubhamarora547
    @shubhamarora547 5 ปีที่แล้ว +1

    very nice explanation sir thanks

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว

      Thanks Shubham

  • @madhucs-bs1ev
    @madhucs-bs1ev 4 ปีที่แล้ว

    Sir apky parhany ka way esa hy k jisko interest na b ho wo b parhny lag jaye..
    Thanksssss aloottt sir ..
    Sir please node.js or JavaScript m game development kesy krty un ki b series banayn ....

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +3

      After competing PHP course and Advance Javascript course i will make a video on VueJS, Angular JS, React JS, NodeJS

  • @PROTECHRAHUL
    @PROTECHRAHUL 3 ปีที่แล้ว +1

    Maine ek common class bna rakhi h black-color or yeh class kuch elements ko de Rakhi h toh mei ek baar me sabhi elements me se iss class ko kaise nikalu

  • @Virgo1176
    @Virgo1176 4 ปีที่แล้ว

    Toggal only clss add remove k liy use ho skta h kyaa??
    Agr man lijiy apn chahte click kre to drop down khul jay or fr s click kre to bnd ho jaye ..isme b toggal ka use kiya ja skta h??

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว

      Yes kar sakte hain.

  • @kranthikumar5215
    @kranthikumar5215 2 ปีที่แล้ว

    Love u sir u r a real JS father

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      Thanks and welcome :)

  • @AbhishekSingh-vk9de
    @AbhishekSingh-vk9de 2 ปีที่แล้ว

    document.querySelectorAll("p").classList.add("xyz");
    This statement should add xyz class to all paragraphs in my DOM but it's not working???

  • @pujapranab29
    @pujapranab29 4 ปีที่แล้ว

    great explanation sirji.

  • @Vinaykumar-bx1ql
    @Vinaykumar-bx1ql 10 หลายเดือนก่อน

    thank you so much sir............

    • @YahooBaba
      @YahooBaba  10 หลายเดือนก่อน

      Most welcome

  • @akactivekarishmagroupbhila5380
    @akactivekarishmagroupbhila5380 4 ปีที่แล้ว

    thanku so much for this owsm video

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +1

      Most welcome 😊

  • @MrAzhar-ok8xc
    @MrAzhar-ok8xc 4 ปีที่แล้ว

    Sir addEventListener method ke liye querySelector work kr raha hai na ki getElementById, Class and TagNames koi kaam nahi kr rahe

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +1

      Show ur code

  • @vinayaksharma-ys3ip
    @vinayaksharma-ys3ip 2 ปีที่แล้ว

    thanks for the amazing tut Sir!!!

  • @muhammadjawad7193
    @muhammadjawad7193 4 ปีที่แล้ว

    Function bnay bagir proper output nhi a sakti kiya?

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +1

      Aa sakti hai

  • @surajJoshiFilms
    @surajJoshiFilms 3 ปีที่แล้ว

    can we use same process for getElementsByClassName and use a loop???

  • @zafarhussain8273
    @zafarhussain8273 4 ปีที่แล้ว

    sir do you use ES 6 or any other ?

  • @ranjitshinde3763
    @ranjitshinde3763 6 หลายเดือนก่อน

    sir live project matlab kya or kaise karu can you sugget project topic

  • @Baba_Gam
    @Baba_Gam 3 ปีที่แล้ว

    Like ye Sare method class add Karne k liye h or can we do something else with these method

  • @VishalKumar-ez3rd
    @VishalKumar-ez3rd 2 ปีที่แล้ว

    thank you sir

  • @parteekchawla9810
    @parteekchawla9810 4 ปีที่แล้ว

    Sir toggel or addclass list ka kaam ek hi he ?

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +1

      Toggle class ko add bhi karta hai aur remove bhi.

    • @parteekchawla9810
      @parteekchawla9810 4 ปีที่แล้ว

      @@YahooBaba thnxx sir

  • @Nishant12375
    @Nishant12375 3 ปีที่แล้ว

    Sir iska use hota h .?means important h.?

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว

      Yes DOM ka every video important hai.

  • @RahulRai-jc4de
    @RahulRai-jc4de 2 ปีที่แล้ว

    document.getElementById("heading").addEventListener("mouseenter",function(){
    document.getElementById("heading").classList.add("cl","ef")
    });
    document.getElementById("heading").addEventListener("click",function(){
    document.getElementById("heading").classList.remove("ef")
    });
    sir may class remove is working but the problem is when i take my mouse on heading the class "ef" will come again .

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      That's mean it is working correctly.

  • @simple8810
    @simple8810 3 ปีที่แล้ว +1

    document.querySelector('#header').addEventListener("click", xyz);
    function xyz() {
    document.querySelector("#header").classList.toggle("efg")
    document.querySelector(".efg").style.backgroundColor = "yellow";
    }
    sir by clicking class efg is added and on again clicking class is removed ,but styling by added class is not changing even itts class is removed on second click? why

    • @gamingwithajk7253
      @gamingwithajk7253 2 ปีที่แล้ว

      same issue ... class apears and removes but the styling is not working ?? what should i do now ?

    • @junaidhassanmustafa4986
      @junaidhassanmustafa4986 ปีที่แล้ว

      type "xyz" instead xyz,
      there are quotations missing

  • @jokerkhan7524
    @jokerkhan7524 2 ปีที่แล้ว

    need a heart sir 😍😍

  • @pratishthaverma8390
    @pratishthaverma8390 4 ปีที่แล้ว +1

    i cant understand how libraries are used in javascript?

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว +2

      Which type of libraries ? Are you asking for jQuery type library ?

    • @pratishthaverma8390
      @pratishthaverma8390 4 ปีที่แล้ว +1

      @@YahooBaba yes

  • @ayushraj1224
    @ayushraj1224 4 ปีที่แล้ว +1

    Agar html me total 3class lge hain toh classList.length me '3' length get hoga but, agr hmmlog classList.add se 1more class add trde like "pqr" then uske baad classList.length ka use kre toh hmlog ' 4' length get krengena???🤔🤔please reply. BTW THANKS.....😁😁

    • @ayushraj1224
      @ayushraj1224 4 ปีที่แล้ว +1

      I think classList.item ka jyada use nii hoga??

  • @mohsinali4413
    @mohsinali4413 2 ปีที่แล้ว

    A.o.A dear Sir awesome cousre of java script. i need your css and html course plz give me a link. and sir jo page html and scc ka app DOM methods me use kr rhe hain oss ka code bhi send kar dain if possible. thanks from Pakistan and me.

  • @negi_vipin
    @negi_vipin 4 ปีที่แล้ว

    Thanku baba

  • @hirparasmith1843
    @hirparasmith1843 2 ปีที่แล้ว

    Sir mana 4000 ka tusition liya tha par mana tusition da jayada apki videos sa sikha ha

  • @mohanj2849
    @mohanj2849 3 ปีที่แล้ว

    hi ji thank you fr video its very nic, if it possible could you plz do it in document..

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว

      Means ?

    • @mohanj2849
      @mohanj2849 3 ปีที่แล้ว

      @@YahooBaba means classList() properties bhi he na , oo subkuch , code editor me karke batadona, console me toda confuse he ji .. esliye plz
      Thanks

  • @chandrashekharmeshram6597
    @chandrashekharmeshram6597 2 ปีที่แล้ว

    Please make a video on toggle button

  • @hashirmughal5625
    @hashirmughal5625 2 ปีที่แล้ว

    nice

  • @mdhasiburrahmannafiz9984
    @mdhasiburrahmannafiz9984 4 ปีที่แล้ว

    ❤❤❤❤

  • @apparaopuranwad4778
    @apparaopuranwad4778 2 ปีที่แล้ว

    where can I get html file so that I can practice with video

    • @YahooBaba
      @YahooBaba  2 ปีที่แล้ว

      Here is the link :
      www.yahoobaba.net/javascript/js-classlist-methods

  • @MdJawadJamil
    @MdJawadJamil 3 ปีที่แล้ว

    Thanks

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว +1

      Your welcome :)

  • @dingdong9666
    @dingdong9666 4 ปีที่แล้ว

    Hello ! can u make a video on how to make
    todo list using javascript please

  • @farhatjabeen1720
    @farhatjabeen1720 3 ปีที่แล้ว

    In this classlist.remove("xyz")will not work coz you have already commented out the classlist.add("xyz") ...

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว

      Show me your code.

  • @neerajbaldwa40
    @neerajbaldwa40 4 ปีที่แล้ว

    Please a make project of javascript for we will learn how to apply all method of javascript

  • @maeenuddinansari1628
    @maeenuddinansari1628 5 ปีที่แล้ว

    Sir JavaScript k abhi or kitni classes hai

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว

      Round about 13 Tutorial are remaining.

  • @zafarhussain8273
    @zafarhussain8273 4 ปีที่แล้ว

    sir yeh advance javascript hai kya

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว

      NO this is Intermediate level JS

    • @zafarhussain8273
      @zafarhussain8273 4 ปีที่แล้ว

      @@YahooBaba advance kitne no video se start hoga

    • @pratishthaverma8390
      @pratishthaverma8390 4 ปีที่แล้ว +1

      @@zafarhussain8273 wo alag se hoga sayad

  • @muhdani987
    @muhdani987 4 ปีที่แล้ว

    Sir class name aur class list eik hi to kaam kar rahi hein....
    Koi difference he Kia dono mein
    ...??🙄🧐

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว

      See this topic : teamtreehouse.com/community/difference-between-classlist-and-classname

    • @631singh
      @631singh 4 ปีที่แล้ว +1

      bro className string return krta hai and classList me array return krta hai

    • @muhdani987
      @muhdani987 4 ปีที่แล้ว

      @@631singh thanks bro 🤜🏻🤛🏼 clarification ke liye❣️

  • @mayankverma3684
    @mayankverma3684 2 ปีที่แล้ว

    thankyou67

  • @WebSHORT-ni8cp
    @WebSHORT-ni8cp 3 ปีที่แล้ว

    Sir please make react native tutorial

  • @ranjitshinde3763
    @ranjitshinde3763 6 หลายเดือนก่อน

    i think the paid course classes need to watch your video to how to teach students

  • @shamshadazam1530
    @shamshadazam1530 5 ปีที่แล้ว +1

    java script khtam honeke baad jquery ki series bnana

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว +2

      Hanji JavaScript ke baad jQuery Course hi aane wala hai.

    • @baksh9595
      @baksh9595 5 ปีที่แล้ว

      @@YahooBaba to kiya advance Java Script is playlist men hai?

  • @prabhatranjan8887
    @prabhatranjan8887 5 ปีที่แล้ว

    Plz ak video banye sir on click menu toggle jisme menu ke sab menu ke v sab menu ho plz

    • @YahooBaba
      @YahooBaba  5 ปีที่แล้ว +1

      Yes Sure , soon i will make a video on it.

  • @Cricketlovers31853
    @Cricketlovers31853 ปีที่แล้ว +2

    dom se agge kuch smjh nhi a rhe

    • @indra-zd9zu
      @indra-zd9zu 9 หลายเดือนก่อน

      Then chhod do coding

  • @Mybeautifulland-z3r
    @Mybeautifulland-z3r 5 หลายเดือนก่อน

    Is course mein website ka abhi kam😊

  • @anime_worldkick7899
    @anime_worldkick7899 2 ปีที่แล้ว

    arigatto

  • @waqaryaseen239
    @waqaryaseen239 ปีที่แล้ว

    kindly shre the code in html and css

    • @YahooBaba
      @YahooBaba  ปีที่แล้ว

      Get it from our website : www.yahoobaba.net

  • @mithiltarpara9901
    @mithiltarpara9901 ปีที่แล้ว

    is mai var element q liya hai

    • @YahooBaba
      @YahooBaba  ปีที่แล้ว +1

      Liya tha kisi purpose ke liye lekin use nahi kya.

    • @mithiltarpara9901
      @mithiltarpara9901 ปีที่แล้ว +2

      @@YahooBaba sir ye javascript Mai sab topic toh smaj jata hu lekin. Fir mai website Mai kaha pe lagavu or use kaise Karu wo nahi pata nahi chal rha hai.

  • @Geopoliticalguy-z8n
    @Geopoliticalguy-z8n 3 ปีที่แล้ว

    Class list kya object hai??tell me first

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว

      Ek se jyada class agar lagani ho ya ek se jyada class remove karni ho toh Classlist ka use hota hai ... matlab Class ki list.

  • @digitalduniya8530
    @digitalduniya8530 4 ปีที่แล้ว +1

    total confusion (in this video)

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว

      Aila ...aisa kyu

    • @digitalduniya8530
      @digitalduniya8530 4 ปีที่แล้ว

      @@YahooBaba kuch bhi samajh nahi aaya sortcut ki aadat ho gai hai

    • @YahooBaba
      @YahooBaba  4 ปีที่แล้ว

      Yeh toh bhut easy hai ....agar aapko multiple CSS classes lagani hai toh aap classList() method ko use kareinge.

  • @cutepets6976
    @cutepets6976 3 ปีที่แล้ว

    baba bro isme sirf ek he method kaam ka tha yrr faltu ka gyan bhi aap bahut pele hai

    • @YahooBaba
      @YahooBaba  3 ปีที่แล้ว

      Dear Interview ke time pe jyadatar faltu ke Question he pucche jate hai

  • @ayushsoni8509
    @ayushsoni8509 2 ปีที่แล้ว

    I don't Know why but whenever i use "document.getElementById" or "document.getElementsByClassName" anywhere in my code it doesent work properly and when i use "querySelector" or "querySelector" the code works properly.

  • @RaviParaliya-s5o
    @RaviParaliya-s5o 9 หลายเดือนก่อน

    Sir I never ever seen teacher like you who made such a wonderful web development courses for free I have no words to thank you but I pray to god that they give all happiness to you and you will be a successful person❤❤

    • @YahooBaba
      @YahooBaba  9 หลายเดือนก่อน

      Thanks for your good wishes :)

  • @ravikantpatel421
    @ravikantpatel421 ปีที่แล้ว +1

    Please a make project of javascript for we will learn how to apply all method of javascript

    • @YahooBaba
      @YahooBaba  ปีที่แล้ว

      Sure ...coming soon