https://github.com/kaplanh/hangman-game

https://github.com/kaplanh/hangman-game

html-css-javascript includes length push replace split strings-manipulation svg

Last synced: 3 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/kaplanh/hangman-game
• Owner: kaplanh
• Created: 2023-06-08T05:58:10.000Z (over 1 year ago)
• Default Branch: master
• Last Pushed: 2024-02-03T13:47:51.000Z (10 months ago)
• Last Synced: 2024-02-04T14:28:48.716Z (9 months ago)
• Topics: html-css-javascript, includes, length, push, replace, split, strings-manipulation, svg
• Language: JavaScript
• Homepage: https://kaplanh.github.io/Hangman-Game/
• Size: 14.6 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
#  Hangman Game

![hangman game](https://github.com/kaplanh/Hangman-Game/assets/101884444/2ffb1b93-5025-4266-809c-fe78343e503a)

[Live Link!](https://kaplanh.github.io/Hangman-Game/)

## Problem Statement

- Your company has recently started on a project that aims to create a Hangman Game. So you and your colleagues have started to work on the project.

## Project Skeleton 

```

- Hangman Game(folder)

|

|----readme.md                 

|----index.html  

|----style.css   

|----script.js

```

### At the end of the project, following topics are to be covered;

- HTML

  - svg

     ~~~

     

            

            

            

            

            

            

            

            

            

            

            

            

            

            

            

        

     ~~~ 

- CSS

  - flexbox

  - position

     - rerlative

     - fixed

     - absolute

  -  SVG fill, stroke

    ~~~css

    .grafik {

        fill: transparent;

        stroke: #fff;

        stroke-width: 4px;

          }

    ~~~

  -  transform:translateX(deg%)

     ~~~

     transform: translateX(-50%);

     ~~~

- JS

  - DOM manipulation

  - string methods

    -  length

    -  includes

    -  replace

    -  splice

    -  push

  

  

- ### At the end of the project, developers will be able to;

- improve coding skills within HTML & CSS & JS

- use git commands (push, pull, commit, add etc.) and Github as Version Control System.

## Notes

-   You can use HTML, CSS and JS to complete this project.

   ⌛ Happy Coding  ✍