script.js

const notesContainer = document.querySelector('.notes-container');
const createBtn = document.querySelector('.btn');
let notes = document.querySelectorAll('.input-box');

function showNotes() {
    notesContainer.innerHTML = localStorage.getItem('notes');
}
showNotes();

function updateStorage() {
    localStorage.setItem('notes', notesContainer.innerHTML);
}

createBtn.addEventListener('click', () => {
    let inputBox = document.createElement('p');
    let img = document.createElement('img');
    inputBox.classList.add('input-box');
    inputBox.setAttribute('contenteditable', 'true');
    img.src = 'images/delete.png';
   notesContainer.appendChild(inputBox).appendChild(img);
})

notesContainer.addEventListener('click', function(e) {
    if(e.target.tagName === 'IMG') {
        e.target.parentElement.remove();
        updatestorage();
    }
    else if (e.target.tagname==='P') {
        notes = document.querySelectorAll('.input-box');
        notes.forEach(note => {
            note.onkeyup = function() {
                updateStorage();
            }
        })
    }
})

document.addEventListener("keydown", event=>{
    if(event.key==="enter"){
        document.execCommand('insertLineBreak');
        event.preventDefault();
    }
})