Roll Dice Project using CSS & JavaScript

Поділитися
Вставка
  • Опубліковано 18 вер 2024

КОМЕНТАРІ • 36

  • @CodeWithHossein
    @CodeWithHossein  Рік тому +2

    Took some hours to be done, but it looks amazing now 🍻

    • @saganxxx
      @saganxxx 6 місяців тому

      How did you get to this point. I can't image myself doing anything like this it looks impossible. Is it intelligence or experience?I feel so stupid when i can't do project i imagine.I want to be a developer like you.But i have a long way.

    • @CodeWithHossein
      @CodeWithHossein  6 місяців тому

      ​@@saganxxx That's only the outcome of the effort that has been put along the way, just experience, and talent couldn't help that much.
      Also I personally think, for a developer nothing can be more enjoyable rather than new challenges to make solved.
      So you know... you're doing well. Just enjoy the process my friend because at the end you'll realize that all you know is like a drop in the ocean ☺

    • @tung195
      @tung195 6 місяців тому

      Great work, Hossein 👏 You can write: Math.trunc(Math.random()*6)+1; it will only be randomly from 1 to 6 for each rolling dice.

  • @paulthomas1052
    @paulthomas1052 Рік тому +2

    Great project -using lots of interesting techniques. Thanks so much :)

  • @shortyshorty9762
    @shortyshorty9762 2 роки тому +2

    An awesome tutorial. More of this please. 🙂

  • @GetRealwithMike
    @GetRealwithMike 6 місяців тому

    We need a 20 sided dice video! Please make it. One that works on HTML 5 websites.

  • @alexmoraesdeoliveira209
    @alexmoraesdeoliveira209 Рік тому +1

    genius

  • @MetapeterUndMetagreta
    @MetapeterUndMetagreta Рік тому +3

    13:43 you better use: let random = Math.floor(Math.random()*6)+1;
    }
    instead of calling the same function again or am I missing a point here?

    • @mojhin
      @mojhin 7 місяців тому

      yes

  • @benjaminnguyen554
    @benjaminnguyen554 2 роки тому

    thanks, you a genius

  • @AdyDoesCoding
    @AdyDoesCoding 2 роки тому +1

    that dice feels real

    • @RakeshSingh-lq4jo
      @RakeshSingh-lq4jo 2 роки тому

      This is where duration in Animation and transition excels

  • @حاتمأمحمد-د6د
    @حاتمأمحمد-د6د 2 роки тому

    ابدعت يا حسين ما شاء الله

    • @CodeWithHossein
      @CodeWithHossein  6 місяців тому

      I actually don't speak Arabic, but I understand a bit 😅
      شکرا جزیلا
      The song on your channel sounds fantastic by the way ✌

  • @shahfaisal3923
    @shahfaisal3923 2 роки тому

    keep up the good work

  • @Ameen_Al-alimi
    @Ameen_Al-alimi 2 роки тому

    I like you man thank you keep going

  • @polskamacius
    @polskamacius Рік тому

    How can I make the dice roll only once and then stop?

    • @CodeWithHossein
      @CodeWithHossein  Рік тому

      If I got it right, You just need to remove the CSS Animation I've considered for it to roll multiple times and then stop...

    • @polskamacius
      @polskamacius Рік тому

      @@CodeWithHossein Many thanks🙂

  • @MohdHuzaifa1
    @MohdHuzaifa1 2 роки тому

    Bro which software do you use for video editing?

  • @h.symphony8039
    @h.symphony8039 2 роки тому +1

    Could your next video share the extension you're using? That's very helpful for newbies, thanks

    • @humerasad
      @humerasad 2 роки тому

      If i am not wrong this Dracula theme

  • @JustPyroYT
    @JustPyroYT 2 роки тому

    That is amazing! 👍

  • @AdyDoesCoding
    @AdyDoesCoding 2 роки тому

    nice video, awesome thumbnails

  • @jeremypruitt237
    @jeremypruitt237 Рік тому

    Why does the die seem to roll 2 or 3 times for every single roll? It’s like it rolls, but before it stops it starts another roll. How can we get the animation to roll once and then stop on the random number?

  • @pubggaming8410
    @pubggaming8410 2 роки тому

    Bro I want auto scroll photo tutorial please 🙏

  • @ethamdkurma3491
    @ethamdkurma3491 Рік тому

    Bro
    👇

  • @basictech7313
    @basictech7313 2 роки тому

    Bro are you from Pakistan?

    • @MohdHuzaifa1
      @MohdHuzaifa1 Рік тому

      @@CodeWithHossein Then, what's your nationality?

  • @CoolBoy_Official
    @CoolBoy_Official 2 роки тому

    Can you make a Modern Website Using HTML, CSS and JS.

  • @tienphamhoang6914
    @tienphamhoang6914 2 роки тому

  • @osamatawfeq
    @osamatawfeq 2 роки тому

    Why don't u add shadows to the dice? It'll be better and more realistic

  • @sophatleat2198
    @sophatleat2198 2 роки тому

    Creative 🫡 🫶