Function showNotes

assets/js/memeUrl.js:56–99

()

// 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: 18rem;">
        <div class="card-body">
            <div class="row mb-3">
                <div class="col">
                    <h2 class="card-title" style="height:80px;">${element.title}</h2>
                <img class="card-text"src="${element.text}" style="height:250px;width:240px;" >
                </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-danger">Delete</button>
            <button onclick="editNote(${index})"  class="btn btn-primary">Edit</button>
            
        </div>
    </div>`
    });

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