{"id":23317131,"url":"https://github.com/adnksharp/web-p-notes","last_synced_at":"2025-04-07T03:53:32.692Z","repository":{"id":135392736,"uuid":"514456482","full_name":"adnksharp/web-P-notes","owner":"adnksharp","description":"Aplicación web de notas con HTML, CSS y JavaScript","archived":false,"fork":false,"pushed_at":"2022-07-16T02:29:30.000Z","size":2,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"base","last_synced_at":"2024-12-20T16:20:12.072Z","etag":null,"topics":["html-css-javascript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/adnksharp.png","metadata":{"files":{"readme":"Readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-16T02:29:18.000Z","updated_at":"2023-06-27T16:30:49.000Z","dependencies_parsed_at":null,"dependency_job_id":"26afa48d-c1df-436c-ac44-7b4a064b9fd8","html_url":"https://github.com/adnksharp/web-P-notes","commit_stats":null,"previous_names":["adnksharp/web-p-notes"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adnksharp%2Fweb-P-notes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adnksharp%2Fweb-P-notes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adnksharp%2Fweb-P-notes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/adnksharp%2Fweb-P-notes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/adnksharp","download_url":"https://codeload.github.com/adnksharp/web-P-notes/tar.gz/refs/heads/base","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":238621837,"owners_count":19502736,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["html-css-javascript"],"created_at":"2024-12-20T16:20:22.618Z","updated_at":"2025-02-13T08:28:38.438Z","avatar_url":"https://github.com/adnksharp.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notes \n\n[![K-071.jpg](https://i.postimg.cc/wvYsLG7P/K-071.jpg)](https://postimg.cc/zLpB1pwS)\n\nAplicación web de notas con JavaScript.\n\n### HTML\nUso de HTML para crear una aplicación web de notas:\n\n- **h1**: Título de la aplicación.\n- **div**: Sección para crear notas y carpetas.\n    - **div**: Sección para crear carpetas.\n        - **input**: Nombre de la carpeta.\n        - **button**: Crear carpeta.\n    - **div**: Sección para crear notas.\n        - **textarea**: Contenido de la nota.\n        - **button**: Crear nota.\n        - **select**: Seleccionar carpeta para la nota.\n- **div**: Sección para ver las notas.\n    - **button**: Eliminar carpeta.\n    - **div**: Sección para ver las notas.\n        - **h3**: Título de la carpeta.\n        - **p**: Contenido de la nota.\n\n### CSS\nPropiedades de CSS para los elementos de la aplicación\n\n### JavaScript\n\n#### Script 1\nAgregar etiquetas de HTML desde JavaScript usando **document.createElement**, **insertAdjacentHTML** e **insertAdjacentElement**.\n\n#### Script 2\n Uso de **EventListener** para agregar eventos a los elementos de la aplicación con botones:\n\n##### AddFolder\nUso de **insertAdjacentHTML** e **insertAdjacentElement** para agregar un div con los elemetos para mostrar una carpeta.\n\n##### AddFiles\nUso de **insertAdjacentHTML** e **insertAdjacentElement** para agregar textos en divs con los elementos para mostrar notas.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadnksharp%2Fweb-p-notes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fadnksharp%2Fweb-p-notes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fadnksharp%2Fweb-p-notes/lists"}