Function showNotes

assets/js/note-app.js:75–118

()

// this function show our notes
function showNotes(){
    let notes = localStorage.getItem('notes');
    let notesObj;

    if(notes == null){
        notesObj = [];
    }
    else{
        notesObj = JSON.parse(notes); 
    }

    let addNote = "";

    //This list contains the classes for favorite/not-favorite cards
    const favorite_class = ["noteCard m-2 card favorite","noteCard m-2 card not-favorite"]

    notesObj.forEach((element, index) => {
        addNote += `<div class="${element.favorite ? favorite_class[0]:favorite_class[1]}" style="width: auto;">
        <div class="card-body">
            <div class="row mb-3">
                <div class="col">
                    <h2 class="card-title" id="noteTitle">${element.title}</h2>
                    <p class="card-text" id="noteText">${element.text}</p>
                    </div>
                    <div class="col-2">
                    <span class="iconify" data-icon=${element.favorite ? "bi:star-fill":"bi:star"} data-inline="false" data-width="24" data-height="24" style=${element.favorite ? "color:gold":"color:black"} onclick=favoriteNote(${index})></span>
                </div>
            </div>  
            <button id="${index}" onclick="deleteNote(this.id)" class="btn btn-large jsBtn">Delete Note</button>
            <button onclick="editNote(${index})"  class="btn btn-large jsBtn">Edit Note</button>
            
        </div>
    </div>`
    });

    let notesEle = document.getElementById('notes');
    if(notesObj.length != 0){
        notesEle.innerHTML = addNote;
    }
    else{
        notesEle.innerHTML = `<div class="container lead text-white">You haven't add any note yet. Try to to add some note using above section and then press "Add Note" button.</div>`
    }
    
}
// this is edit function
function editNote(index){
    let saveindex = document.getElementById('saveindex')