Function is not defined (even though it is)

Question

I call this function inside a .then promise

this.retrieveMatches();

this function looks like the following

retrieveMatches: function(){
    var tableResult = makeHTMLMatchesTable(fetchMatches());
    var matches = document.getElementById('matches')
    matches.parentNode.insertBefore(tableResult, matches);
  },

this function is just above it:

 makeHTMLMatchesTable: function(array){
    //does stuff
    }

so why does the console say this:

Uncaught (in promise) ReferenceError: makeHTMLMatchesTable is not defined

when it clearly has been defined?

Answer 1

Change this code

retrieveMatches: function(){
    var tableResult = makeHTMLMatchesTable(fetchMatches());
    var matches = document.getElementById('matches')
    matches.parentNode.insertBefore(tableResult, matches);
  },

to

retrieveMatches: function(){
    var tableResult = this.makeHTMLMatchesTable(fetchMatches());
    var matches = document.getElementById('matches')
    matches.parentNode.insertBefore(tableResult, matches);
  }.bind(this),