JSFiddle - React, Tailwind, and code Playground

by cherniv

HTML

<div class="span4 chat-container">
  <div class="chat-body">
    <form accept-charset="UTF-8" action="#" method="POST">
      <div class="text-area-container">
        <textarea id="chatBox" class="chat-box" rows="2"></textarea>
      </div>
      <div class="button-container btn-group btn-group-chat">
        <input  id="comment" class="btn btn-primary btn-small btn-comment disabled"  value="Comment" ng-click="addMessage()"/>
      </div>
    </form>
    </div>
  </div>

JavaScript

var app = angular.module('app',[])

app.directive('chatContainer', function() {
    
  return {
    restrict: "C",    

    link: function(scope, elem, attrs) {

      scope.count = 500;
        var chatbox = elem.find("textarea");
        chatbox.bind("keyup",function(){
            console.log("KEYUP!")
        })
    }
  };
});