liveChange.js

// Array with all gpas
const grades = [document.getElementById('grade1')]
// Create click event listeners for each gpa
grades.forEach(clickListener);
function clickListener(element, index, array){
  element.addEventListener("click", editGrade(index));
}
// Add input and submit button to gpa
function editGrade(num){
  const currentGPA = grades[num].innerHTML;
  grades[num].innerHTML = "<input value=\"" + currentGPA + " \"id=\"grade" + num + "\"/>"
}