https://github.com/nashem8/popup
O objetivo desse projeto foi justamente colocar em prática os conhecimentos obtidos até aqui do curso de JS do Roger Melo. Nesse projeto em específico, usei os conceitos de seletores, eventos, manipulação de array e interação com propriedades de uma classe
https://github.com/nashem8/popup
css html javascript
Last synced: 3 months ago
JSON representation
O objetivo desse projeto foi justamente colocar em prática os conhecimentos obtidos até aqui do curso de JS do Roger Melo. Nesse projeto em específico, usei os conceitos de seletores, eventos, manipulação de array e interação com propriedades de uma classe
- Host: GitHub
- URL: https://github.com/nashem8/popup
- Owner: nashEm8
- Created: 2022-11-22T13:57:06.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2022-11-22T14:57:05.000Z (over 2 years ago)
- Last Synced: 2025-01-21T00:48:25.081Z (5 months ago)
- Topics: css, html, javascript
- Language: CSS
- Homepage:
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Desenvolvendo um Popup
Projeto do módulo 5, do curso de JS do Roger Melo
🔎 Link para visualização: createpopupjs.netlify.app
📌 Objetivo
O objetivo desse projeto foi justamente colocar em prática o conhecimento obtido até aqui. Nesse projeto em específico, coloquei em prática o conceito de seletores,
eventos, manipulação de array e interação com propriedades de uma classe
📝 Descrição
Assim que abrir o projeto, você vai se deparar com um button
![]()
, ao ser clicado, irá abrir um popup informativo com um link![]()
que abrirá em outra página as informações das quais o popup descreve. Ao clicar no X ou na parte escura ao
redor, o popup é fechado.![]()
![]()
🛠️ Tecnologias utilizadas
🔹 HTML
🔹 CSS
🔹 Javascript