module-Solution-/index.html at main · Chagson/module-Solution- · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<!doctype html>
<html lang="en" ng-app = "LunchCheck">
  <head>
    <title>Lunch Checker</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="styles/bootstrap.min.css">
    <style>
      .message { font-size: 1.3em; font-weight: bold;
       }
    </style>
  </head>
  <script src = "angular.min.js">
  </script>
  <script src = "App.js"> </script>
<body ng-controller = "LunchCheckController">
  <style media="screen">
    body {background-color: {{Modifcolor}};}
    .inputList {border-color: {{Modifcolor}};}
  </style>
   <div class="container">
     <h1>Lunch Checker</h1>

         <div class="form-group">NB:I do NOT consider and empty item, i.e., `, ,` as an item towards to the count. <br>
             <input ng-model ="list" id="lunch-menu" type="text"
             placeholder="list comma separated dishes you usually have for lunch"
             class="form-control inputList">
         </div>
         <div class="form-group">
             <button ng-click="CheckList()" class="btn btn-default">Check If Too Much</button>
         </div>
         <div class="form-group message">
           {{result}}
         </div>
   </div>

</body>
</html>