How to create a Hangman game with Javascript

YvonneDev
4 min readDec 18, 2020

This is the part of Brad Traversy’s course.

Features:

SVG drawing with line and circle for a hangman

letter matching the words, separating the correct letters and wrong letters, then displaying

same typing letters notification box and success box

play again game with reset button and enter press

Github code

HTML

SVG drawing: the rode is a four-line shape.

x1,x2 are the axis of x,y1,y2 are the axis of y, which two-point makes a line

head is a circle with cx, cy(the center of the circle),r(the radius of the circle)

body ,arms and legs are all the lines

where displaying the wrong letters

success message box

same typing message box

CSS

--

--

YvonneDev
YvonneDev

Written by YvonneDev

❤️Front-end Web Development self-taught *share what I learned*

No responses yet