Button with Increment and Decrement Number | HTML CSS and JavaScript

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

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

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

    super simple and most important for Web Designers

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

    Actually, I am on a Bootcamp of full-stack dev and your videos helped me a lot. I have 0 knowledge of this, I work in a different field. My next project is about a dashboard with graphics. I hope there is a video of it..

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

      Great to hear!, Stay tuned

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

    Simple but very useful. TY❤

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

      Glad you liked it.

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

    Thank you so much.. actually i have done my full stack course.. currently i develop my project i was r&d for th is code finally i got it . Its very helpful for me
    Thank you so much..

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

    This is very nice. I love JAVASCRIPT.

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

    This is very creative Sir i love this project so much Thanks for sharing😍

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

      Glad you like it. Best regards!!

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

      @@CodingLabYT Best Regards to you to Sir wish you all the best

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

    Nice I like the ternary operator

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

      Thank you so much.. Best regards!!

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

    ありがとう。
    勉強になりました。

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

    Thank you Very much that's very helpfull

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

      Glad it was helpful!

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

    Thank You very much. I'm from Colombia 🥳

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

      You’re welcome 😊

  • @rombik2442
    @rombik2442 4 หลายเดือนก่อน

    Thx for guide bro!Really helped me)))'

    • @CodingLabYT
      @CodingLabYT  4 หลายเดือนก่อน +1

      Glad it helped!

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

    Very simple, I like it!

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

      Glad you like it!

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

      brother mine ain't updating please help

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

    Nice project 👍

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

      Thank you! Cheers!

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

    Wow.. 👍😊
    Please Make Face Recognition With JavaScript ❤️

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

      I will think about it, Best regards!!

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

    const plus = document.querySelector(".plus"),
    minus = document.querySelector(".minus"),
    num = document.querySelector(".num"),
    update = (n) => {
    num.innerText = (n < 10 && n > 0) ? `0${n}` : n;
    }
    let a = 1
    plus.addEventListener("click", () => update(++a));
    minus.addEventListener("click", () => update(--a));
    1) Fix negative numbers
    2) Make code shorter

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

      To make easier for all types of viewers, i used little long and easy codes. Thankyou for your suggestions

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

      not fixed ,it gives -1,-2,............ AND 1,2,3....... 11,12,13,14....

  • @Mubashir-v3n
    @Mubashir-v3n 3 ปีที่แล้ว +1

    Super work

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

      Glad you like it. Best regards!!

  • @MOHAMMAD-nv9pt
    @MOHAMMAD-nv9pt 3 ปีที่แล้ว +3

    BRO FROM WHICH COLLEGE YOU WERE AND WHAT COURSE YOU DID

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

      You can take all the source code, link is in video description.

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

    And how to write logic in JS for several (two or three) Increment/Decrement buttons. Because the code in JS only works for one form Increment/Decrement button. Thank you in advance for your response

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

    How if me make two button like that. one of them is not working. Please help me

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

    Make tutorial how to create and design a good looking chart please....

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

      Nice project!!. I will think about it

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

    Nice

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

    more javascript project give video please

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

    i have dought with in the script tag

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

    Genial!

  • @DarkKnight-wu4yw
    @DarkKnight-wu4yw 3 ปีที่แล้ว +3

    1 st view and comment

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

      First Reply 😎😎

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

      @@CodingLabYT 😁

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

    What happens if you have more than one button which extra code should I add?

  • @skpagency
    @skpagency 7 หลายเดือนก่อน

    Hi can anyone help me with the issue that shows 2 Quantity increment (it looks like this= -- -- / + + ) buttons? How can I fix this?

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

    Could you let me know how your functions worked? I had the exact same code but didn't use anonymous functions and it didn't work?

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

      Source code files are available in my website link is in the description.

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

    ❤️

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

    thx

  • @ubix331
    @ubix331 8 หลายเดือนก่อน

    how to save it after refresh?

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

    2nd comment and big fan need a reply

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

    Hello You give these codes, but where do we write these codes?

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

      You can use Atom code editor

  • @Mubashir-v3n
    @Mubashir-v3n 3 ปีที่แล้ว +1

    Pls making a shopping cart using html css js

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

      I have created lots of Product Card, hope you will like them

    • @Mubashir-v3n
      @Mubashir-v3n 3 ปีที่แล้ว

      Not product cards *shopping cart*

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

    Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')

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

      You can take all source code from my website. Link is in description

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

      you should put your after/under the

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

    Dai coding kaha bata siknu bako vamdinu na please 😐

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

      TH-cam, website and books

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

      @@CodingLabYT Which website bro

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

      Like w3school and stack overflow

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

      @@CodingLabYT wow thanks sir how much we should practice a day ?

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

      Its up to you.

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

    Hlo i have an issue can any one please solve this this script is applying to only 1 button on my site how to apply this to all the buttons???

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

    by like this we have to increase the progree bar how
    if i click on + button the progress bar slightly increase to some value like this also - also how to do tell me guys u have any other video means send me the link to this account plz guys

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

    Why isn't it working inside the modal?

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

    Please give me any code

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

    link code please

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

    you are baller

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

    make it without this "0"

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

    Nice