function showStudents() {
        // Selecting the elements
        var tbody = document.querySelector("#studentsTable tbody");
        var template = document.querySelector("#studentRow");

// Remove previous data if any
      	tbody.innerHTML = "";

// Loop through item in the students array
        for(i = 0; i < students.length; i++) {
            // Clone the new row from template
            var clone = template.content.cloneNode(true);
            var td = clone.querySelectorAll("td");

// Add data to table cell from the array
            td[0].textContent = i + 1;
            td[1].textContent = students[i];

// Append the new row into table body
            tbody.appendChild(clone);
        }
    }
} else {
    alert("Your browser does not support template element!");
}
</script>
</body>
</html>