JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app= "myapp" ng-controller= "controller">
      <p>
        <label for="studentname">Nome do estudante:</label>
        <input type="text" id="nome" ng-model="student.name"/><br />

        <label for="nota1">Primeira nota</label>
        <input type="number" id="nota1" ng-model="student.nota1"/><br />

        <label for="nota2">Segunda nota</label>
        <input type="number" id="nota2" ng-model="student.nota2"/><br />

        <button ng-click="enviar()">Enviar</button>
        <button ng-click="reset()">Apagar</button>
      </p>
    <table border="2">
      <tr>
        <th>Nome</th>
        <th>Nota 1</th>
        <th>Nota 2</th>
        <th>Media</th>
        <th>Situacao</th>
      </tr>
      <tr>
        <th>{{nome}}</th>
        <th>{{nota1}}</th>
        <th>{{nota2}}</th>
        <th>{{media}}</th>
        <th>{{situacao}}</th>
      </tr>
    </table>
  </body>

JavaScript

var myapp = angular.module("myapp", [])

myapp.controller('controller', function ($scope){
  
 $scope.reset = function(){
     console.log('yo');
    $scope.nome = "yo";
    $scope.nota1 = "ya";
    $scope.nota2 = " ";
  }
  
  $scope.enviar = function(){
    var nome = $scope.student.name;
    var nota1 = $scope.student.nota1;
    var nota2 = $scope.student.nota2;
    var media = $scope.student.media;
    var situacao = $scope.situacao;
      
    media = (nota1 + nota2)/2;
    if (media >= 10){
      situacao = "Aprovado";
    } else if (media > 0 && media < 8 ){
      situacao = "Reprovado";
    } else {
      situacao = "Em exame";
    }
    $scope.student = {
      "nome":nome, "nota1":nota1, "nota2":nota2, "media":media, "situacao":situacao
    };
    $scope.nome = nome;
    $scope.nota1 = nota1;
    $scope.nota2 = nota2;
  }
});