https://github.com/biancamos/fortune-cookie
Fortune cookie (with js) The Clone Wars.
https://github.com/biancamos/fortune-cookie
Last synced: 4 months ago
JSON representation
Fortune cookie (with js) The Clone Wars.
- Host: GitHub
- URL: https://github.com/biancamos/fortune-cookie
- Owner: BiancaMos
- Created: 2023-08-09T19:48:09.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2023-08-10T19:04:08.000Z (almost 3 years ago)
- Last Synced: 2025-02-05T00:43:45.564Z (over 1 year ago)
- Language: HTML
- Size: 5.17 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🥠 **Biscoito da sorte** (com JavaScript)
🥠 **Fortune cookie** (with JavaScript)
# 📸 **Screenshot:**




# 🚀 **Technologies**
🇺🇸 EN: **T**his project was developed with the following technologies:
🇧🇷 PT-BR: **E**sse projeto foi desenvolvido com as seguintes tecnologias:
- [HTML](##HTML)
- [CSS](##CSS)
- [JavaScript](##JavaScript)
- [Git e Github](##GiteGithub)
- [Figma](##Figma)
# 👩🏻💻 **Project:**
🇺🇸 **D**ata structure in HTML
Animations in CSS
Functions in JS
DOM manipulation
JS Math() Library
Callback function
Arrays
🇧🇷 **E**strutura de dados HTML
Animações com CSS
Funções no Javascript
Manipulação da DOM
Biblioteca JS Math()
Funções callback
Arrays
# 📖 **Concepts:**
🇺🇸 **I**n this project, the idea is to click on the fortune cookie and receive a message. I made an array for the phrases and used the JS math() library to bring a randomic phrase everytime the button is clicked. There were some new challenges regarding the use o JS to manipulate HTML structure and improve my logic skills.
Project made in Rocketseat's course "Explorer".
The layout was sent via Figma.
🇧🇷 **N**este projeto a ideia é clicar no biscoito da sorte e receber uma mensagem. Para isso, criei uma array para as frases e usei o JS Math() para inserir frases randomicamente cada vez que o biscoito é clicado. Houve novos desafios em relação a manipulação de dados do html com o javascript e também ajudou a melhorar a minha lógica de programação.
O layout para consulta foi enviado através da plataforma Figma.
Projeto feito no curso Explorer da Rocketseat.
#
## 🗓
⏳ July 2023
⌛️ August 2023
#
🔎 Link:
🇺🇸 - [Online project here.](http://127.0.0.1:5500/index.html)
🇧🇷 - [Projeto online aqui.](http://127.0.0.1:5500/index.html)
#
By Bianca Mós 💜
--------------------------------------------------------