My songs are not showing up in the playlist and the browser is saying undefinedundefined

function Playlist() {
  this.songs = [];
  this.nowPlayingIndex = 0;

}

Playlist.prototype.add = function(song) {
  this.songs.push(song);
};

Playlist.prototype.play = function() {
  var currentSong = this.songs[this.nowPlayingIndex];
  currentSong.play();
};

Playlist.prototype.stop = function(){
  var currentSong = this.songs[this.nowPlayingIndex];
  currentSong.stop();
};

Playlist.prototype.next = function() {
  this.stop();
  this.nowPlayingIndex++;
  if(this.nowPlayingIndex === this.songs.length) {
    this.nowPlayingIndex = 0;
  }
  this.play();
};

Playlist.prototype.renderInElement = function(list) {
  list.innerHTML = "";
  for(var i = 0; i < this.songs.length; i++) {
    list.innerHTML += this.songs[i].toHTML();
  }
};

var playlist = new Playlist();

// just adding the path parameter we defined in our object - you'll need to upload the files.
// I put them in an audio folder, but you don't have to. You'd just leave off the audio/ if not.
var hereComesTheSun = new Song("Here Comes the Sun", "The Beatles", "2:54", "audio/hereComesTheSun.mp3");
var walkingOnSunshine = new Song("Walking on Sunshine", "Katrina and the Waves", "3:43", "audio/walkingOnSunshine.mp3");

playlist.add(hereComesTheSun);
playlist.add(walkingOnSunshine);

var playlistElement = document.getElementById("playlist");

playlist.renderInElement(playlistElement);

var playButton = document.getElementById("play");
playButton.onclick = function() {
  playlist.play();
  playlist.renderInElement(playlistElement);
}

var nextButton = document.getElementById("next");
nextButton.onclick = function() {
  playlist.next();
  playlist.renderInElement(playlistElement);
}

var stopButton = document.getElementById("stop");
stopButton.onclick = function() {
  playlist.stop();
  playlist.renderInElement(playlistElement);
}

function Song(title, artist, duration) { // added the path parameter
  this.title = title;
  this.artist = artist;
  this.duration = duration;
  this.isPlaying = false;
  this.mp3 = new Audio(path); // created the mp3 property which is an HTMLAudioElement
}

Song.prototype.play = function() {
  this.mp3.play(); // added this to actually play the audio
  this.isPlaying = true;
};

Song.prototype.stop = function() {
  this.mp3.pause(); // HTMLAudioElement doesn't have a stop() method,
  this.mp3.currentTime = 0; // so we pause and reset the time instead.
  this.isPlaying = false;

};

Song.prototype.toHTML = function() {
  var htmlString = '<li';
  if(this.isPlaying) {
    htmlString += ' class="current"';
  }
  htmlString += '>';
  htmlString += this.title;
  htmlString += ' _ '
  htmlString += this.artist;
  htmlString += '<span class="duration">'
  htmlString += this.duration;
  htmlString += '</span></li>';
  return htmlString;
};