Damqn

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <p id="student1"></p>
    <p id="student2"></p>

</body>
<script>
   class DZI{
    constructor(subject1, grade1, subject2, grade2){
        this.subject1 = subject1;
        this.grade1 = grade1;
        this.subject2 = subject2;
        this.grade2 = grade2;
    }

    average(){
        return (this.grade1 + this.grade2) / 2;
    }
   }
   var student1 = {name: "Damqn Ivanov", exam: new DZI("BEL", 5.50, "MAT", 6)}
   var student2 = {name: "Yordan Toshev", exam: new DZI("BEL", 4.20, "BIO", 5.30)}

   document.getElementById("student1").innerHTML = "Name: " + student1.name + "<br>Average grade: " + student1.exam.average();
   document.getElementById("student2").innerHTML = "Name: " + student2.name + "<br>Average grade: " + student2.exam.average();

</script>
</html>