- 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.
- Hangman Game(folder)
|
|----readme.md
|----index.html
|----style.css
|----script.js
-
HTML
- svg
<svg height="250" width="250" class="grafik"> <!--! sehpa --> <line x1="50" y1="20" x2="130" y2="20"/> <line x1="130" y1="20" x2="130" y2="50"/> <line x1="50" y1="20" x2="50" y2="250"/> <line x1="10" y1="250" x2="90" y2="250"/> <!-- !kafa --> <circle cx="130" cy="70" r="20" class="item"/> <!-- !gövde --> <line x1="130" y1="90" x2="130" y2="170" class="item"/> <!-- !kollar --> <line x1="130" y1="120" x2="100" y2="100" class="item"/> <line x1="130" y1="120" x2="160" y2="100" class="item"/> <!-- !bacaklar --> <line x1="130" y1="170" x2="100" y2="190" class="item"/> <line x1="130" y1="170" x2="160" y2="190" class="item"/> </svg>
- svg
-
CSS
- flexbox
- position
- rerlative
- fixed
- absolute
- SVG fill, stroke
.grafik { fill: transparent; stroke: #fff; stroke-width: 4px; }
- transform:translateX(deg%)
transform: translateX(-50%);
-
JS
- DOM manipulation
- string methods
- length
- includes
- replace
- splice
- push
-
improve coding skills within HTML & CSS & JS
-
use git commands (push, pull, commit, add etc.) and Github as Version Control System.
- You can use HTML, CSS and JS to complete this project.