https://github.com/adnksharp/web-p-notes
Aplicación web de notas con HTML, CSS y JavaScript
https://github.com/adnksharp/web-p-notes
html-css-javascript
Last synced: about 1 year ago
JSON representation
Aplicación web de notas con HTML, CSS y JavaScript
- Host: GitHub
- URL: https://github.com/adnksharp/web-p-notes
- Owner: adnksharp
- Created: 2022-07-16T02:29:18.000Z (almost 4 years ago)
- Default Branch: base
- Last Pushed: 2022-07-16T02:29:30.000Z (almost 4 years ago)
- Last Synced: 2024-12-20T16:20:12.072Z (over 1 year ago)
- Topics: html-css-javascript
- Language: JavaScript
- Homepage:
- Size: 1.95 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: Readme.md
Awesome Lists containing this project
README
# Notes
[](https://postimg.cc/zLpB1pwS)
Aplicación web de notas con JavaScript.
### HTML
Uso de HTML para crear una aplicación web de notas:
- **h1**: Título de la aplicación.
- **div**: Sección para crear notas y carpetas.
- **div**: Sección para crear carpetas.
- **input**: Nombre de la carpeta.
- **button**: Crear carpeta.
- **div**: Sección para crear notas.
- **textarea**: Contenido de la nota.
- **button**: Crear nota.
- **select**: Seleccionar carpeta para la nota.
- **div**: Sección para ver las notas.
- **button**: Eliminar carpeta.
- **div**: Sección para ver las notas.
- **h3**: Título de la carpeta.
- **p**: Contenido de la nota.
### CSS
Propiedades de CSS para los elementos de la aplicación
### JavaScript
#### Script 1
Agregar etiquetas de HTML desde JavaScript usando **document.createElement**, **insertAdjacentHTML** e **insertAdjacentElement**.
#### Script 2
Uso de **EventListener** para agregar eventos a los elementos de la aplicación con botones:
##### AddFolder
Uso de **insertAdjacentHTML** e **insertAdjacentElement** para agregar un div con los elemetos para mostrar una carpeta.
##### AddFiles
Uso de **insertAdjacentHTML** e **insertAdjacentElement** para agregar textos en divs con los elementos para mostrar notas.