Untitled

<!DOCTYPE html>
<html ng-app="web">

<head>
  <script data-require="angular.js@1.6.2" data-semver="1.6.2" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>
  <link rel="stylesheet" href="style.css" />
  <script src="script.js"></script>
</head>

<body ng-controller="WebController">
  <h1>student info</h1>
  <ul>
    <li><input type="text" ng-model="Student.Name"/></li>
    <li>Grade: {{Student.Grade}}</li>
    <li>Gender: {{Student.Gender}}</li>
  </ul>
</body>

</html>

// Code goes here

(function() {
  var app = angular.module('web', []);
  
  app.controller("WebController", ["$scope", function($scope) {
    $scope.Student = {
      Name: "Tom",
      Grade: 8,
      Gender: "Male"
    }
  }])
})();

/* Styles go here */