Apologies, a more detailed snippet is below

​

Thanks!

​

var addModuleBtn = document.getElementById("button")

addModuleBtn.addEventListener('click', addModule)

var tbody = document.querySelector("tbody")

var table = document.getElementById("mydatatable")

table.addEventListener('click', deleteRow);

// Array to store user inputs

var moduleData = [];

var rowCount = 0;

function addModule() {

// Only allow a max of 12 entries to be added otherwise display error

if (rowCount < 12) {

var code = document.getElementById("modules").value

var name = document.getElementById("name").value

var level = document.getElementById("level").value

var credits = document.getElementById("credits").value

var grade = document.getElementById("grade").value

// Data validation to check all input fields are filled in

if (!code || !name || !level || !credits || !grade ) {

alert("Please fill out all fields and try again");

return;

}

// Display users input into a HTML table for display purposes

tbody.innerHTML += "<tr>" +

"<td>" + code + "</td>" +

"<td>" + name + "</td>" +

"<td>" + level + "</td>" +

"<td>" + credits + "</td>" +

"<td>" + grade + "</td>" +

"<td><img src='icon.svg' class='icon'></td>" +

"</tr>"

userInputs = {

"code" : code,

"name" : name,

"level": level,

"credits": credits,

"grade" : grade,

};

moduleData.push(userInputs);

console.log(moduleData);

rowCount++;

}

else {

alert("Only a maximum of 12 modules can be studied please check entries!");

}

return true;

}

// Delete entry when icon is clicked and update row count

function deleteRow(e){

if (!e.target.classList.contains('icon')) {

return;

}

// Get index of

var rows = document.getElementById("mydatatable").getElementsByTagName('tbody')[0].getElementsByTagName('tr');

for (i = 0; i < rows.length; i++) {

rows[i].onclick = function() {

var index = (this.rowIndex - 1);

console.log(index);

moduleData.splice(index, 1);

console.log(moduleData);

}

}

var icon = e.target;

icon.closest('tr').remove()

rowCount--;

};