From 36040014892b65559f721483c5227d5883cc5d36 Mon Sep 17 00:00:00 2001 From: Pepa Date: Tue, 14 Jan 2025 16:34:37 +0100 Subject: [PATCH] prueba --- notes-app/index.html | 18 ----------- notes-app/script.js | 63 ------------------------------------- notes-app/style.css | 74 -------------------------------------------- 3 files changed, 155 deletions(-) delete mode 100644 notes-app/index.html delete mode 100644 notes-app/script.js delete mode 100644 notes-app/style.css diff --git a/notes-app/index.html b/notes-app/index.html deleted file mode 100644 index c2054c0..0000000 --- a/notes-app/index.html +++ /dev/null @@ -1,18 +0,0 @@ - - - - - - - - Notes App - - - - - - - - diff --git a/notes-app/script.js b/notes-app/script.js deleted file mode 100644 index 399ab0f..0000000 --- a/notes-app/script.js +++ /dev/null @@ -1,63 +0,0 @@ -const addBtn = document.getElementById('add') - -const notes = JSON.parse(localStorage.getItem('notes')) - -if(notes) { - notes.forEach(note => addNewNote(note)) -} - -addBtn.addEventListener('click', () => addNewNote()) - -function addNewNote(text = '') { - const note = document.createElement('div') - note.classList.add('note') - - note.innerHTML = ` -
- - -
- -
- - ` - - const editBtn = note.querySelector('.edit') - const deleteBtn = note.querySelector('.delete') - const main = note.querySelector('.main') - const textArea = note.querySelector('textarea') - - textArea.value = text - main.innerHTML = marked(text) - - deleteBtn.addEventListener('click', () => { - note.remove() - - updateLS() - }) - - editBtn.addEventListener('click', () => { - main.classList.toggle('hidden') - textArea.classList.toggle('hidden') - }) - - textArea.addEventListener('input', (e) => { - const { value } = e.target - - main.innerHTML = marked(value) - - updateLS() - }) - - document.body.appendChild(note) -} - -function updateLS() { - const notesText = document.querySelectorAll('textarea') - - const notes = [] - - notesText.forEach(note => notes.push(note.value)) - - localStorage.setItem('notes', JSON.stringify(notes)) -} \ No newline at end of file diff --git a/notes-app/style.css b/notes-app/style.css deleted file mode 100644 index 8188439..0000000 --- a/notes-app/style.css +++ /dev/null @@ -1,74 +0,0 @@ -@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;400&display=swap'); - -* { - box-sizing: border-box; - outline: none; -} - -body { - background-color: #7bdaf3; - font-family: 'Poppins', sans-serif; - display: flex; - flex-wrap: wrap; - margin: 0; - padding-top: 3rem; -} - -.add { - position: fixed; - top: 1rem; - right: 1rem; - background-color: #9ec862; - color: #fff; - border: none; - border-radius: 3px; - padding: 0.5rem 1rem; - cursor: pointer; -} - -.add:active { - transform: scale(0.98); -} - -.note { - background-color: #fff; - box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1); - margin: 30px 20px; - height: 400px; - width: 400px; - overflow-y: scroll; -} - -.note .tools { - background-color: #9ec862; - display: flex; - justify-content: flex-end; - padding: 0.5rem; -} - -.note .tools button { - background-color: transparent; - border: none; - color: #fff; - cursor: pointer; - font-size: 1rem; - margin-left: 0.5rem; -} - -.note textarea { - outline: none; - font-family: inherit; - font-size: 1.2rem; - border: none; - height: 400px; - width: 100%; - padding: 20px; -} - -.main { - padding: 20px; -} - -.hidden { - display: none; -}