class GradePage {
    constructor() {
        this.isEnabled = false;
        this.DOMElement = document.getElementById("grade");
    }

    set enabled(isEnabled) {
        this.isEnabled = isEnabled;
        this.DOMElement.style.display = isEnabled ? "block" : "none";
    }

    onNewCriteria(criteriaName) {
        document.getElementById("criteria").innerHTML = criteriaName;
        document.getElementById("criteria-grade").innerHTML = "";
    }
    onNewGrade(grade) {
        document.getElementById("criteria-grade").innerHTML = grade;
    }
    reset() {
        document.getElementById("criteria-grade").innerHTML = "";
        document.getElementById("criteria").innerHTML = "";
    }
}