https://github.com/gitericsson/guess-my-number

"Guess My Number", an simple, entertaining, and interactive JavaScript game, requires players to predict a randomly generated number. Using DOM Manipulation, this project demonstrates my ability to create dynamic and interesting user experiences with varied messages based on the user's input.
https://github.com/gitericsson/guess-my-number

css3 dom-manipulation game-development guess-my-number guess-the-number javascript

Last synced: 6 days ago
JSON representation

"Guess My Number", an simple, entertaining, and interactive JavaScript game, requires players to predict a randomly generated number. Using DOM Manipulation, this project demonstrates my ability to create dynamic and interesting user experiences with varied messages based on the user's input.

• Host: GitHub
• URL: https://github.com/gitericsson/guess-my-number
• Owner: gitEricsson
• Created: 2024-04-09T22:36:38.000Z (7 months ago)
• Default Branch: master
• Last Pushed: 2024-06-17T11:54:15.000Z (5 months ago)
• Last Synced: 2024-06-17T13:16:38.186Z (5 months ago)
• Topics: css3, dom-manipulation, game-development, guess-my-number, guess-the-number, javascript
• Language: CSS
• Homepage: https://ericsson-guess-my-number.netlify.app/
• Size: 104 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Guess my Number

## Table of contents

- [Overview](#overview)

  - [About](#about)

  - [Game Conditions](#game-conditions)

  - [The Challenge](#the-challenge)

  - [Features](#features)

  - [Updates](#updates)

  - [Screenshots](#screenshots)

  - [Links](#links)

- [My process](#my-process)

  - [Built with](#built-with)

- [Author](#author)

- [Acknowledgments](#acknowledgments)

## Overview

### About

"Guess My Number", an simple, entertaining, and interactive JavaScript game, requires players to predict a randomly generated number. Using DOM Manipulation, this project demonstrates my ability to create dynamic and interesting user experiences with varied messages based on the user's input.

### Game Conditions

- A random number from 1 to 20 is generated by the game

- Using the fewest feasible attempts, you should "guess" the randomly generated number

- You lose one point for each "wrong" guess you make

- As long as you continue to play the game, the "High Score" is kept

### The Challenge

My goal was to recreate Jonas' Guess My Number Game from scratch and make some updates to it.

### Features

- Generate random numbers between 1 and 20

- Background turns green on correct guess

- 'Check' button to confirm guess

- 'Restart' button to reset game

### Updates

- Responsive Web Design across all Devices

### Screenshots

![screenshot1](./screenshots/Screenshot1.jpeg)

![screenshot2](./screenshots/Screenshot2.jpeg)

![screenshot3](./screenshots/Screenshot3.jpeg)

![screenshot4](./screenshots/Screenshot4.jpeg)

### Links

- Code URL: [Github Repo here](https://github.com/gitEricsson/Guess-my-Number)

- Live Site URL: [Live site here](https://ericsson-guess-my-number.netlify.app/)

## My process

### Built with

- Semantic HTML5 markup

- CSS custom properties

- Flexbox

- CSS Grid

- Javascript

- DOM Manipulation

## Author

- Website - [Ericsson Raphael](https://github.com/gitEricsson)

- LinkedIn - [@ericsson](www.linkedin.com/in/ericssonraphael)

- Gmail - [@ericsson]([email protected])

## Acknowledgments

[Jonas Schmedtmann](https://github.com/jonasschmedtmann)