Может быть, так:
function addDay() {
for (k = 1; k < 11; k++) {
let div = document.createElement("div");
div.setAttribute("class", "studentGrades");
div.className += " sgID" + k;
div.setAttribute("onclick", "userInput(this, Number(prompt('Please, enter number here')))");
div.innerHTML = "0";
document.querySelector("#container3").appendChild(div)
}
}
function removeDay() {
for (let j = 0; j < 10; j++){
if(document.querySelectorAll(".studentGrades:last-child").length){
document.querySelectorAll(".studentGrades:last-child")[0].remove();
}
}
}
<div id="container3"></div>
<input type="button" value="add" onclick="addDay();">
<input type="button" value="remove" onclick="removeDay();">
Я изменил шаблон на следующий, и теперь он, кажется, работает нормально:
.pattern="^.*(" & join(validcards,"|") & ").*$"