Can somebody tell me what this function does?

Question

Can somebody tell me what this function does?
i dont understand  list argument where it come from?
html
Playlist.prototype.renderInElement = function(list) {
  list.innerHTML = "";
  for(var i = 0; i < this.songs.length; i++) {
    list.innerHTML += this.songs[i].toHTML();
  }
};

Steven Parker · Accepted Answer

:point_right: This function causes the list of songs to appear in the HTML document. Since this is a method of a Playlist object, it will loop through the songs that are part of the playlist that it is called on. The playlist itself is represented inside the function as "this". Each song name will be converted to HTML and added to the document element that it is given as the argument ("list"). You can see it being demonstrated at about time index 04:40 of the Making the UI Work (https://teamtreehouse.com/library/objectoriented-javascript/constructor-functions-and-prototypes/making-the-ui-work) video. The "list" argument passed to the function in the video is playlistElement, which was assigned by a call to document.GetElementById and refers to the ordered list (

) element on the page.

Ivan Sandoval · Answer

Basically the renderInElement(list) method is the one who displays all the songs on the HTML document. The argument that it receives represents this HTML element

Now, from the documentation: The innerHTML property sets or returns the HTML content (inner HTML) of an element. list.innerHTML = ""; And finally, in the for loop you're adding to this element each one of the songs represented as an HTML String for(var i = 0; i < this.songs.length; i++) { list.innerHTML += this.songs[i].toHTML(); }

Welcome to the Treehouse Community

Looking to learn something new?

fisnik poroshtica

fisnik poroshtica

Can somebody tell me what this function does?

2 Answers

Steven Parker

Steven Parker

This function causes the list of songs to appear in the HTML document.

Ivan Sandoval

Ivan Sandoval