Build A Hangman Game in HTML CSS and JavaScript | Hangman Game in HTML CSS and JavaScript

Sdílet
Vložit
  • čas přidán 25. 08. 2024

Komentáře • 71

  • @ashishpatel6078
    @ashishpatel6078 Před rokem +17

    Im following you since 1.5 years and watched all of your channels videos and Im react developer still wait and watch your javascript videos . I can't express how much your videos have helped me to think in functional programming
    the way you split codes in functions
    Thank you so much sir❤❤❤

  • @addiesallow
    @addiesallow Před 3 měsíci

    Wow, what an amazing tutorial! Thanks to your fantastic guidance, I was able to successfully build my very first Hangman game. Thank you!! 🤗

  • @YoxiiPlzz
    @YoxiiPlzz Před 5 měsíci +1

    Followed the tutorial and made this in 5 hours. Awesome video!

    • @MixtoAll
      @MixtoAll Před 3 měsíci +2

      Can you plz share the code

    • @MixtoAll
      @MixtoAll Před 3 měsíci +2

      I need it urgently

  • @parvgugnani7
    @parvgugnani7 Před 11 měsíci

    Bhot sahi hai bhai nice work
    randomly found your channel and saving your playlist now haha
    thanks keep making

  • @user-sg7dn9wz2r
    @user-sg7dn9wz2r Před 7 měsíci

    Amazing, it helped a lot with my homework. Many thanks!

  • @heartlessaln
    @heartlessaln Před rokem +10

    I am still learning JavaScript I'm very beginner I can't to do it for now😭🥺

    • @spreadItWide
      @spreadItWide Před rokem +5

      watch it again at ½ speed and code along

    • @clidlove
      @clidlove Před rokem

      me too😂 I just want to finish my homework and get a better score😂

    • @al-ft1ng
      @al-ft1ng Před rokem

      U can do it pal

    • @MiaTheDreamer
      @MiaTheDreamer Před 28 dny

      You can do it.. 😊

    • @19Luna-la
      @19Luna-la Před 28 dny

      🤝🤝Me too 🥺🥺

  • @jamalpurbhavaniprasad4362

    Iam not able display the images of lost and win on the screen pls help me

  • @AllMyWorldd
    @AllMyWorldd Před 3 měsíci

    Thanks a lot. it's helped me with my current project

  • @sh9vch9nk0
    @sh9vch9nk0 Před 7 měsíci +1

    Brilliant explanation, easy to catch up and really useful! Thank you 😊😊❤❤

  • @tasneemayham974
    @tasneemayham974 Před 7 měsíci

    AMAZINGGGG WORRKKK MANNN!! AMAZINGGG!!

  • @alixerkmir2097
    @alixerkmir2097 Před 11 měsíci +7

    How did you make letters fast? 4:27

    • @thecoolnewsguy
      @thecoolnewsguy Před 6 měsíci

      I think he removed the part where he changed all 'a' to the proper letter

  • @natanelgabay3673
    @natanelgabay3673 Před 5 měsíci

    Hi! How come the 'victory GIF' won't appear whenever I get the correct word? The 'lost GIF works perfectly and I have the JS code written in order and precisely. I have followed each word and line of code step by step therefor there should'nt be any reason for it to not function properly ... I would appreciate the fast response

  • @yubiroaster6285
    @yubiroaster6285 Před rokem +2

    Amazing video 👏

  • @peterstone58
    @peterstone58 Před 6 měsíci +1

    *this video could have most views if you used voice for explanation*

  • @rmcastro99
    @rmcastro99 Před 5 měsíci

    Do you have a playlist where you walk us through this?

  • @effy8824
    @effy8824 Před 4 měsíci

    will this help me to understand oop better in js?

  • @morissmatias5110
    @morissmatias5110 Před 8 měsíci

    What if the word is a two-word when guessing it?

  • @inshotapk-pro
    @inshotapk-pro Před 11 měsíci +1

    The word and its hint where you are get please a replie

    • @CodingNepal
      @CodingNepal  Před 11 měsíci +1

      Here is the game word list: drive.google.com/file/d/1V3qIVPEtiJSlGEAqF_dMTF2HRGt_eq2U/view?usp=sharing

  • @mikhaelamendoza3693
    @mikhaelamendoza3693 Před 9 měsíci

    how can i fix the uncaught reference error with wordlist on console?

    • @viksa8444
      @viksa8444 Před 7 měsíci +1

      pay attention to order of script execution in html file, first execute the word list file than the script.js

  • @jonathanvera3911
    @jonathanvera3911 Před rokem

    Thank you, I love your videos.

  • @mariyahrashid6991
    @mariyahrashid6991 Před rokem

    Hello, the where() line gives me errors- saying { expected- not sure where I’ve gone wrong😮

    • @mariyahrashid6991
      @mariyahrashid6991 Před rokem

      Line 73 in your style.css. Even I copy your code into vscode it throws an error

  • @Zezemint
    @Zezemint Před rokem

    Speaking of games, can we please make a high scores UI in the future? =)

    • @CodingNepal
      @CodingNepal  Před rokem +2

      Yes, you can track the high score, store it in the browser's local storage, and show it in the game.

  • @user-dj1od7hu4s
    @user-dj1od7hu4s Před 5 měsíci

    how do you get the blue ring whenever you click?

  • @F8te_true
    @F8te_true Před 8 měsíci

    The responsitivity doesn't work for me. it just shrinks in size.

    • @tasneemayham974
      @tasneemayham974 Před 7 měsíci

      Check again. It works for me. Or you can share your code with us, maybe one of us can help.

  • @stutisingh8960
    @stutisingh8960 Před rokem

    can you pls solve this issue - i'm not able to get clickedLetter like a,b,c etc instead iam getting '}'

    • @CodingNepal
      @CodingNepal  Před rokem

      You may have made some mistakes on the code. Here is the code that you can check for reference: www.codingnepalweb.com/build-hangman-game-html-javascript/

  • @VamsiDevendrakumar__
    @VamsiDevendrakumar__ Před rokem

    hi bro, how you are adding these code's in your website with black container and each color for each element with overflow with constant container fixed size and in future can you add copy code option for the code snippet like chatgpt as it has copy code option like that!!...... chatgpt said we have to use highlight.js library [please reply bro and do another video for how to add code like that effect ]

    • @XBprod
      @XBprod Před 7 měsíci

      visual studio code

  • @Schnecke-Schneck
    @Schnecke-Schneck Před rokem

    ICAN the code not find of you Webseite

    • @CodingNepal
      @CodingNepal  Před rokem

      Here is the code link: www.codingnepalweb.com/build-hangman-game-html-javascript/

  • @Raj-lb3qh
    @Raj-lb3qh Před rokem

    Bro app shirf javascript ka online paid class dino na jisme hme bhi yesha project bnene ke liye shikshao bro plz bhai plz plz 🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼🙏🏼

  • @forheuristiclifeksh7836
    @forheuristiclifeksh7836 Před 3 měsíci

    1:00

  • @rushikeshavachat4282
    @rushikeshavachat4282 Před rokem

    Can you build a project in Next.JS,TYPESCRIPT+ REACT & TAILWIND CSS.Please reply coding nepal.🤔🤔🙏🙏

  • @ghulammohiudin9782
    @ghulammohiudin9782 Před 11 měsíci

    Hi sir,
    Can you tell me the secret to build these types of logic in JavaScript?

  • @9-xyz-cba
    @9-xyz-cba Před rokem

    Please Create like and comment functionality using ajax and php.

  • @inshotapk-pro
    @inshotapk-pro Před 11 měsíci

    the gameModal.querySelector("img").src = `images/${isVictory ? 'victory' : 'lost'}.gif` have error

  • @user-pp7yv7zn4v
    @user-pp7yv7zn4v Před rokem

    hi its very urgent so can u please tell me how to get hangam pics its urgent so if it is possible then tell me thanks

    • @not_stephen
      @not_stephen Před 4 měsíci

      draw some in paint dude..

    • @CodingNepal
      @CodingNepal  Před 2 měsíci

      The download link for all the images used in this game can be found in the description.

  • @mahin_2_23
    @mahin_2_23 Před rokem

    Please create a professional video editor.
    Please make a video about this.

  • @alixerkmir2097
    @alixerkmir2097 Před 11 měsíci +1

    How did you get it to fill up so quickly? 14:38

  • @alixerkmir2097
    @alixerkmir2097 Před 11 měsíci

    // After 600ms of game complete.. showing modal with relevant details Why is it 600 and not 300 ms? 34:43

  • @mdjannatuadonbhuiyan7157

    adf