https://github.com/kaplanh/guess-the-number
https://github.com/kaplanh/guess-the-number
css3 dom-manipulation html5 javascript logical-operators
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/kaplanh/guess-the-number
- Owner: kaplanh
- Created: 2022-06-08T23:38:22.000Z (about 4 years ago)
- Default Branch: master
- Last Pushed: 2024-01-27T18:07:17.000Z (over 2 years ago)
- Last Synced: 2025-01-09T07:48:15.401Z (over 1 year ago)
- Topics: css3, dom-manipulation, html5, javascript, logical-operators
- Language: JavaScript
- Homepage: https://kaplanh.github.io/Guess-the-Number/
- Size: 6.26 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 2
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Guess the Number with JS
[Click me!]( https://kaplanh.github.io/Guess-the-Number/)
## Description
The project aims to create a Guess the Number Game using JS.
## Problem Statement
- Your company has recently started on a project that aims to create a Guess the Number Game. So you and your colleagues have started to work on the project.
## Project Skeleton
```
Guess-the-Number (folder)
|
|----readme.md
|----index.html
|----style.css
|----app.js
|----img (folder)
|----voices (folder)
```
### At the end of the project, following topics are to be covered;
- HTML
```
-
- Restart
-
```
- CSS
- flexbox
- @media queries
- -Nexted Css
```
h1:{
transition: scale 1.02s;
&:hover{
scale: 1.2;
}
}
```
- JS
- DOM Manipulations
- DOM Selectors
- Events
- addEventListener("event",(event)=>{})
- Functions(Math.floor(Math.random() * 100 + 1) //1 <= x < 100 )
- if else - if - else conditions
- Logical operators && and ||
### At the end of the project, developers will be able to;
- improve coding skills within HTML, CSS and JS
- use git commands (push, pull, commit, add etc.) and Github as a Version Control System.
## Notes
- You can use HTML, CSS and JS to complete this project.
⌛ Happy Coding ✍