This is a mini-game recreated from Jonas Schmedtmann's popular Udemy course "The Complete JavaScript Course 2024: From Zero to Expert!". It was an introductory project for learning DOM manipulation in JavaScript. This mini-game challenges users to guess a random secret number between a specified range (1 to 20). With each guess, the program provides feedback, indicating whether the guessed number is too high or too low, helping users narrow down to the correct number.
The project was built using HTML, CSS, and JavaScript, and it focuses on various JavaScript fundamentals, including conditionals, event handling, and interacting with the DOM to create a dynamic user experience. When the correct number is guessed, the game updates the high score if it’s a new record. The project is simple yet effective in teaching core programming concepts such as managing variables, control flow, and basic styling.
- Visit the live website here.
- index.html: Main page.
- css/: Contains style files.
- js/: Contains the JavaScript file.
- Provides animated feedbacks about the guesses.
- Stores the last highest score
- Mobile-friendly [⭐ Soon].
- Multi language interface [⭐ Soon].
- Clone this repository:
git clone https://github.com/diegobyter/guess-my-number-game.git
- Open index.html in a browser.
Feel free to open issues or submit pull requests.
Este é um joguinho recriado do curso "The Complete JavaScript Course 2024: From Zero to Expert!", de Jonas Schmedtmann, na Udemy, como um projeto introdutório para aprender manipulação de DOM em JavaScript. Este joguinho desafia os usuários a adivinhar um número secreto aleatório entre um intervalo especificado (1 a 20). A cada palpite, o programa fornece feedback, indicando se o palpite está alto ou baixo, ajudando os usuários a adivinharem o número correto.
O projeto foi criado usando HTML, CSS e JavaScript, e se concentra em vários fundamentos do JavaScript, como condicionais, tratamento de eventos e interação com o DOM para criar uma experiência dinâmica do usuário. Quando o número correto é adivinhado, o jogo atualiza a pontuação mais alta se for um novo recorde. O projeto é simples, mas eficaz no ensino de conceitos básicos de programação, como gerenciamento de variáveis, fluxo de controle e estilização básica.
- Visite o site ao vivo aqui.
- index.html: Etrutura principal da página.
- css/: Contém arquivos de estilo.
- js/: Contém o arquivo JavaScript.
- Fornece feedbacks animados sobre os palpites.
- Armazena a última pontuação mais alta.
- Compatível com dispositivos móveis [⭐ Em breve].
- Interface multilíngue [⭐ Em breve].
- Clone este repositório:
git clone https://github.com/diegobyter/guess-my-number-game.git
- Abra o arquivo index.html em um navegador.
Sinta-se à vontade para abrir issues ou enviar pull requests.