Spin Wheel using CSS & Javascript | Lucky Spinning Wheel Game

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

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

  • @emansem-e2s
    @emansem-e2s 5 หลายเดือนก่อน +1

    This is the legend of css and js merde

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

    What should I do to be creative like you

    • @e.g.t.2460
      @e.g.t.2460 ปีที่แล้ว

      what like? go pay patreon bro😁

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

      I can tell but it is probably illegal in your country 😂

  • @MercGT63s
    @MercGT63s ปีที่แล้ว +8

    how can i make it so it alert the prize i won?

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

    This is what I have been looking for, thank you sir

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

    Sir kese apko itna sab kuch aata hai
    Sir you deserve 2 crore package

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

    I love this project keep on the work!

  • @satishb4945
    @satishb4945 8 หลายเดือนก่อน +1

    Can you please tell me how to add dots(with equal intervals) in the last layer of the circle(in the middle of the white border). If we add dots to it, when the spinner rotates, it'll have a really nice effect.

  • @Seagull24-y9p
    @Seagull24-y9p 3 หลายเดือนก่อน +1

    How can I make 10 slices? What css should I change? Thank you!

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

    Nice one Boss. You are too good. from Nigeria

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

    How to save the value in a variable.

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

    Excellent tutorial, APU!

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

    Excellent you happy

  • @abdullahkamran4778
    @abdullahkamran4778 2 หลายเดือนก่อน

    thank you so much bro and love you

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

    Awesome brother, Also make rubbik's cube

  • @FearlessGamer-z5m
    @FearlessGamer-z5m ปีที่แล้ว

    thank you so so so so sooo much 😀😀😀😀😀😀😀😀

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

    thankyou so much sir

  • @technical.legend
    @technical.legend ปีที่แล้ว

    User-select: none;
    Today I learn something new...

  • @legendarmy133
    @legendarmy133 2 หลายเดือนก่อน

    bro you made very amazing video, it is very helpful and i got that what i am looking for, Thank you so much brother❤❤❤

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

    Thanks, this is a really good video

  • @kaushiknaik2854
    @kaushiknaik2854 5 หลายเดือนก่อน +1

    How get the output after spin to show congratulations alert

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

    How to get the value the spin is pointing?

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

      use nth-child() ... I used it to push the $ off the border being the .length of 1000. Here is the code: it moves the $ sign but more important is how nth-child. Lets you isolate the index of anyone of the spans in .number ~so you don't have to add an id to each one in the html~ it saves code
      ```
      .container .wheel .number:nth-child(5) span::before{
      content:'$';
      position:relative;
      left:.38rem;
      letter-spacing:.35rem;
      font: 500 2rem cursive;
      }
      ```
      it is targeting the 5th span with value of 1000, change the argument to 4th and select it instead or use javascript to toogle it true/false

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

    Hello there. first of all thanks for this amazing solution.
    What if we want to have dynamic options? like sometimes 4 options, sometimes may be 10. How can I make it dynamic?

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

    Insane bro

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

    hey can i learn your vscode theme? it looks quite different.

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

      Hello, I just create my channel, can you support?😊

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

      @@deveren 😃

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

      bu inline css de yazdığı "- -i:1;- -clr:" kod neye yarıyo ?

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

      @@furkanbrok6216 onlar custom property, yani gelistiricinin kendi belirledigi kurallara sahip kisayollar gibi dusunebilirsin. Genellikle root elementine koyarlar ki her yerde gecerli olsun. clr yi renk icin atamis belli ki mesela.

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

      @@deveren teşekkür ederim

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

    sir your are awesome. can you tell which vs code theme use in this program

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

    Please tell me the name of your code style you have in vsc ?

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

    muy buen proyecto gracias por compartir

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

    Do you have the source code somewhere please

  • @Crase-ce8vi
    @Crase-ce8vi 2 ปีที่แล้ว

    Super

  • @AlexWisdom-g2w
    @AlexWisdom-g2w 9 หลายเดือนก่อน

    Bro, How to control the result by fetching the result from API first?

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

    thanks for this amazing code thanks again 🥰

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

    necesitamos saber si es un open source o tiene costo el codigo o saber si tienen una version con api

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

    Let's always do alot of good 🙏🌈

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

    If I need show the result into alert what can I do?

  • @bh-slys
    @bh-slys ปีที่แล้ว

    Nice - ❤

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

    i want to show result number in console how can achieve that

  • @anthony452
    @anthony452 2 หลายเดือนก่อน

    Should create an array of the values. Use a loop to fill in the html. Will make adjusting and editing values a lot easier.
    Thanks for the tutorial!

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

    how can you keep track of the total, adding the value after each spin?

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

    may u can move the spin wheel dragging mouse on it :D

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

    Same For Two Dice How It Work

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

    Background : var(--clr) is not working with my code

  • @codewithcreativecoder8834
    @codewithcreativecoder8834 3 หลายเดือนก่อน

    The button should remain disabled until the spinner stops.

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

    Hii sir

  • @UmerTech-ds2dm
    @UmerTech-ds2dm 10 หลายเดือนก่อน

    i do same code but my spin not work

    • @Felipe-pl8rv
      @Felipe-pl8rv 9 หลายเดือนก่อน

      Then your code is not exact same code, anything IS on wrong place, tipo: try check de code blocks order and code levels, sometimes syntax is okay, but not in correct place

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

    Help

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

    hola brod necesito que me hagas una ruleta asi y porfabol me mandes el codigo via whatsapp luego me dices cuantos me cobras