How can I remove this error from my console?

Question

I receive the following error:

Uncaught ReferenceError: notesObj is not defined
    at HTMLButtonElement. (apps.js:14)

I could store the object earlier in the local storage and there was no error generated. But after the removal of the 'card' division after 'your notes' it is now difficult for me to remove the error.

//shownotes();
//If user add a note, add it to the local storage
let addBtn = document.getElementById('addBtn')
addBtn.addEventListener('click', function(e) {
  let addTxt = document.getElementById('addTxt');
  let notes = localStorage.getItem('notes');
  if (notes == null) {
    notesObj = [];
  } else {
    nodesObj = JSON.parse(notes);
  }
  notesObj.push(addTxt.value)
  localStorage.setItem('notes', JSON.stringify(notesObj));
  addTxt.value = '';
  console.log(notesObj);
  shownotes();
})

function shownotes() {
  let notes = localStorage.getItem('notes');
  if (notes == null) {
    notesObj = [];
  } else {
    nodesObj = JSON.parse(notes);
  }
  let html = '';
  notesObj.forEach(function(element, index) {
    html += `
            
                Notes ${index + 1}
                ${element}
                Add Notes
                Delete notes
            
        `
  });
  let notesElm = document.getElementById('notes')
  if (notes.length != 0) {
    notesElm.innerHTML = html;
  } else {
    notesElm.innerHTML = `Nothing to show! Use 'Add notes section above to add notes `
  }
}





  
  
  Make notes!
  



  
    
      Navbar
      
      
        
          
            Home
          
        
        
          
          
        
      
    
  
  
    Magic notes
    
      
        Quick notes
        
          
          
        
        
      
    
  
  
  Your notes

user_14076903 · Answer

Well, from the code you provided, it appears to me that you try to use nodesObj before it was ever defined anywhere. I think you meant notesObj. Either define nodesObj like this, or fix the typo.

You may want to do something like

Now my java script code is from here.
var nodesObj = new Array(); // Declare the variable BEFORE using it anywhere.

console.log('This is the notes app.')
//shownotes();
//If user add a note, add it to the local storage
let addBtn = document.getElementById('addBtn')
addBtn.addEventListener('click', function (e) {
    let addTxt = document.getElementById('addTxt');
    let notes = localStorage.getItem('notes');
    if (notes == null) {
        notesObj = [];
    }
    else {
        nodesObj = JSON.parse(notes);
    }
    notesObj.push(addTxt.value)
    localStorage.setItem('notes', JSON.stringify(notesObj));
    addTxt.value = '';
    console.log(notesObj);
    shownotes();
})

function shownotes() {
    let notes = localStorage.getItem('notes');
    if (notes == null) {
        notesObj = [];
    }
    else {
        nodesObj = JSON.parse(notes);
    }
    let html = '';
    notesObj.forEach(function (element, index) {
        html += `
        
            Notes ${index + 1}
            ${element}
            Add Notes
            Delete notes
        
    `
    });
    let notesElm = document.getElementById('notes')
    if (notes.length != 0) {
        notesElm.innerHTML = html;
    }
    else {
        notesElm.innerHTML = `Nothing to show! Use 'Add notes section above to add notes `
    }
}

user_14855488 · Answer

you write somethings wrong test it

console.log('This is the notes app.')
//shownotes();
//If user add a note, add it to the local storage
let addBtn = document.getElementById('addBtn')
var nodesObj = new Array();
var notesObj = new Array();
addBtn.addEventListener('click', function (e) {
    let addTxt = document.getElementById('addTxt');
    let notes = localStorage.getItem('notes');
    if (notes == null) {
        notesObj = [];
    }
    else {
        nodesObj = JSON.parse(notes);
    }
    notesObj.push(addTxt.value)
    localStorage.setItem('notes', JSON.stringify(notesObj));
    addTxt.value = '';
    console.log(notesObj);
    shownotes();
})

function shownotes() {
    let notes = localStorage.getItem('notes');
    if (notes == null) {
        notesObj = [];
    }
    else {
        nodesObj = JSON.parse(notes);
    }
    let html = '';
    notesObj.forEach(function (element, index) {
        html += `
        
            Notes ${index + 1}
            ${element}
            Add Notes
            Delete notes
        
    `
    });
    let notesElm = document.getElementById('notes')
    if (notes.length != 0) {
        notesElm.innerHTML = html;
    }
    else {
        notesElm.innerHTML = `Nothing to show! Use 'Add notes section above to add notes `
    }
}

How can I remove this error from my console?

2 Answers