Spin Wheel using CSS & Javascript | Lucky Spinning Wheel Game

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

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

  • @anthony452
    @anthony452 22 дня назад

    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!

  • @otpsalman7113
    @otpsalman7113 Год назад +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 Год назад +1

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

  • @satishb4945
    @satishb4945 7 месяцев назад +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.

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

    I love this project keep on the work!

  • @emansem-e2s
    @emansem-e2s 3 месяца назад +1

    This is the legend of css and js merde

  • @MercGT63s
    @MercGT63s Год назад +8

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

  • @legendarmy133
    @legendarmy133 28 дней назад

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

  • @Seagull24-y9p
    @Seagull24-y9p 2 месяца назад +1

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

  • @abdullahkamran4778
    @abdullahkamran4778 27 дней назад

    thank you so much bro and love you

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

    Excellent tutorial, APU!

  • @vinesroul4964
    @vinesroul4964 Год назад +9

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

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

    Nice one Boss. You are too good. from Nigeria

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

    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?

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

    Awesome brother, Also make rubbik's cube

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

    Excellent you happy

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

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

  • @kaushiknaik2854
    @kaushiknaik2854 3 месяца назад +1

    How get the output after spin to show congratulations alert

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

    Thanks, this is a really good video

  • @crcarrot5439
    @crcarrot5439 Год назад +4

    How to save the value in a variable.

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

    thankyou so much sir

  • @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

  • @FearlessGamer-z5m
    @FearlessGamer-z5m Год назад

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

  • @deveren
    @deveren Год назад +4

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

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

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

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

      @@deveren 😃

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

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

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

      @@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 Год назад

      @@deveren teşekkür ederim

  • @AlexWisdom-g2w
    @AlexWisdom-g2w 8 месяцев назад

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

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

    Insane bro

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

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

  • @technical.legend
    @technical.legend Год назад

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

  • @Crase-ce8vi
    @Crase-ce8vi Год назад

    Super

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

    Do you have the source code somewhere please

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

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

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

    thanks for this amazing code thanks again 🥰

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

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

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

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

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

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

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

    muy buen proyecto gracias por compartir

  • @bh-slys
    @bh-slys Год назад

    Nice - ❤

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

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

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

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

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

    Let's always do alot of good 🙏🌈

  • @codewithcreativecoder8834
    @codewithcreativecoder8834 2 месяца назад

    The button should remain disabled until the spinner stops.

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

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

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

    Same For Two Dice How It Work

  • @UmerTech-ds2dm
    @UmerTech-ds2dm 8 месяцев назад

    i do same code but my spin not work

    • @Felipe-pl8rv
      @Felipe-pl8rv 8 месяцев назад

      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

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

    Hii sir

  • @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