JSFiddle - React, Tailwind, and code Playground

by João Silva

HTML

<div ng-app ng-controller="ChatController">
  Message:<input type="text" ng-model="newmessage" style="padding:15px;font-size:32px"/>
  <button style="padding: 15px" ng-click="add()">Add</button>
  
  <h2>Messages</h2>
  <ul>
    <li ng-repeat="message in messages"> {{ message }} </li>
  </ul>
</div>
<script>
    function ChatController($scope) {
  $scope.messages = ['I <3 sidra', 'Save the whales!'];
 
  $scope.add = function() {
    $scope.messages.push($scope.newmessage);
    $scope.newmessage = "";
  }
}		
</script>

CSS

body {
    font-size: 36px;
}