Create Search Bar Or Filter By JavaScript || With Source Code

Поделиться
HTML-код
  • Опубликовано: 30 сен 2024

Комментарии • 77

  • @AK-ln2ko
    @AK-ln2ko 2 года назад +6

    At 13:00, There is gap between the cards. How to resolve that issue ?

  • @ShubhamKashyap3360
    @ShubhamKashyap3360 Месяц назад

    Bhai ek baat puchni hai aager koi produced nhi hai toh blank screen dikhai degi par iski jagha product not available bhi toh likh sakte hai wo kese hoga aapke code me samjha nhi aa rha please help me

  • @hamidsafari3238
    @hamidsafari3238 7 месяцев назад

    hello my dear friend thanks for your good content when I type the word for example t in the search box ,this message comes:
    uncaught type Error:
    cannot read properties of undefined (reading 'getElementsByTagName'). I used your source code.
    Please help me.

    • @tankfungamer
      @tankfungamer 6 месяцев назад

      Yes,i have same problem.

  • @kevinpacheco2518
    @kevinpacheco2518 18 дней назад

    muito obrigado mano ajudou muito

  • @carlosalbertodasilvajunior1709
    @carlosalbertodasilvajunior1709 11 месяцев назад +2

    Thanks Man, you're Amazing!! You saved me many hours of work!!

  • @aryanshinde8817
    @aryanshinde8817 7 месяцев назад +2

    One of the best Video ❤
    Thank you so much 😊😊

  • @itimdesigner
    @itimdesigner Год назад +2

    doesnt work:(

  • @21-himanshujadav83
    @21-himanshujadav83 Год назад +2

    how do i initially hide all the products and let them show when some text is written in search bar?

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

      Then initially after this if statement 12:38 make it item[i].style.display="none"; Then add one more if statement to check if filter has any inputs. You can do that with if(filter) inside the if statement use item[i].style.display="";

  • @gauravkakkar6409
    @gauravkakkar6409 Год назад +3

    js code not working

  • @gauravkakkar6409
    @gauravkakkar6409 Год назад +2

    js code work ni kr paara , maine bhot koshish ki. pls help me

    • @CreativeNetworks
      @CreativeNetworks  Год назад

      Please try again once....I am out of station...i will send you source code..

    • @CreativeNetworks
      @CreativeNetworks  Год назад

      Be careful about case sensitive...

    • @gauravkakkar6409
      @gauravkakkar6409 Год назад

      @@CreativeNetworksi tried many times but not getting success . pls help once you have time. further , thanks for reply

    • @gauravkakkar6409
      @gauravkakkar6409 Год назад +1

      pls send i am waiting since 2-3 days

    • @CreativeNetworks
      @CreativeNetworks  Год назад

      Ok today I will send you

  • @victor52872
    @victor52872 8 месяцев назад +1

    maraming salamat po sayu Boss.....tinulungan mo akung mag hanap....i salute

  • @gauravkakkar6409
    @gauravkakkar6409 Год назад +2

    pls send me only js code pls

  • @asikahmad507
    @asikahmad507 29 дней назад

    ❤❤❤❤❤

  • @tejapraveendevarajuobulase1896
    @tejapraveendevarajuobulase1896 Год назад +1

    In 157 [0] means what

  • @riccoon8931
    @riccoon8931 11 месяцев назад +1

    thank you bro, i did all steps in your video. this tutorial is amazing.

  • @vaibbisht
    @vaibbisht 11 месяцев назад

    thank you, but className was not working in my code so i use querySelector.

  • @tejapraveendevarajuobulase1896
    @tejapraveendevarajuobulase1896 Год назад +1

    GetElementByTagname('h3')[0] means each time a will store item name and image aa bro

  • @hamburbur4366
    @hamburbur4366 2 года назад +1

    bro I seriously thought bro was selling weed

  • @KhatuaSouraj
    @KhatuaSouraj 3 месяца назад

    very good tutorial.. thanks♥

  • @clips1363
    @clips1363 Год назад +1

    Why java code not working

    • @CreativeNetworks
      @CreativeNetworks  Год назад

      because you didn't write correctly

    • @clips1363
      @clips1363 Год назад +1

      @@CreativeNetworks bro i love your work but i did java code more then 20 time just like you code it still not working with me i have windos 11 but still please help me

    • @CreativeNetworks
      @CreativeNetworks  Год назад +1

      okey send me your code... or i will send you my code send me your gmail

    • @clips1363
      @clips1363 Год назад

      @@CreativeNetworks send me hello or anything

    • @hamidsafari3238
      @hamidsafari3238 7 месяцев назад

      Hello, my dear friend. Thanks for your good content.When I type the word tea in the search box, for example, this message comes:
      Uncaught TypeError: Cannot read properties of undefined (reading 'getElementsByTagName').please help me

  • @famousvideos612
    @famousvideos612 7 месяцев назад

    Thanks alot bro ❤🎉🎉

  • @kakashiB2k
    @kakashiB2k 11 месяцев назад

    Can i get a download link for this code? I am not able to download it.
    I am a starter btw.

  • @motivationtime5641
    @motivationtime5641 Год назад +1

    your the best

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

    Thanks ❤

  • @lazy-hero.
    @lazy-hero. Год назад +1

    Hey i want that my search button can find product from different page like Flipkart or Amazon how can I did this .. i can't understand

  • @Salio_Mendes
    @Salio_Mendes Год назад +2

    Thank you so much bro you're a legend 🤝

  • @kreateyoutube6840
    @kreateyoutube6840 8 месяцев назад +1

    You have the BEST VIDEO on this Subject! ThankYOU KING and Beautiful Day!

  • @gauravkakkar6409
    @gauravkakkar6409 Год назад +1

    Very very useful information🙏🙏 great👍👍👍👍🙏👍👍👍👍👍👍

  • @dinaadel6051
    @dinaadel6051 Год назад +1

    It is working good in my website but it searchs only for English words ..
    If i want to search for arabic letters in Arabic website what should I do.. thanks

  • @quranteaches916
    @quranteaches916 2 года назад +1

    Waoo it works thank you.. Plzz add a text when product is not found instead of blank screeen plzz sir..

  • @abdulrehman_jiwani
    @abdulrehman_jiwani Год назад +1

    Thank you so much bro it helps a lot you're a legend of JS

  • @rajiulrayhan302
    @rajiulrayhan302 Год назад +1

    really this code is fresh and helpful. thank you so much for this video.

  • @XYZ-Universe
    @XYZ-Universe Год назад +1

    Hey at first thanks for that video very helpful

  • @willianklein5837
    @willianklein5837 Год назад +1

    Man, you just saved my life. Thank you, just thank you.

    • @CreativeNetworks
      @CreativeNetworks  Год назад

      welcome 🤗

    • @willianklein5837
      @willianklein5837 Год назад

      @@CreativeNetworks A question: there is some way the search bar select not by tag name (h4, for instance), but for some specification of field (like an id="select_this", you know)? I tried change your code to something like that, but failed...

  • @slimfit9605
    @slimfit9605 Год назад

    hi, how can i do this with select box buttons? example: "first select box: city , second select box: district, third select box: categories"