This site is mobile accessible. Press the "Tap Here" button to use a different font-size.
Tap Here!

Smartphone icons created by Freepik - Flaticon

The XMLHttpRequest Object

Get my CD collection

// button click event to load the external file
onclick="loadDoc()"

function loadDoc() {
  const xhttp = new XMLHttpRequest();
  xhttp.onload = function() {
    myFunction(this);
  };

// defines the XMLHttpRequest Object
  xhttp.open("GET", "cd_catalog.xml");
  xhttp.send();
}

// defines how the contents of the XMLHttpRequest Object is displayed
function myFunction(xml) {
  const xmlDoc = xml.responseXML;
  const x = xmlDoc.getElementsByTagName("CD");
  let table="<tr class='e5'><th>Artist</th><th>Title</th></tr>";
  for (let i = 0; i <x.length; i++) { 
    table += "<tr><td>" +
    x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue +
    "</td><td>" +
    x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue +
    "</td></tr>";
  }
  document.getElementById("demo").innerHTML = table;
}