JSFiddle - React, Tailwind, and code Playground

by Tintu Raju

HTML

<textarea id="message-box"></textarea>

JavaScript

$("#message-box").on("keyup", function(){


var charCount = $("#message-box").val().length;
console.log("charCount");
$("#char-count").html(charCount);

if (charCount==0) {
  $("#message-box").css("border", "10px solid red");
}else{
  $("#message-box").css("border", "");
      //event listener
};
});

  $("#submitbutton").on('click', function() {
    var comment = $("#message-box").val();
    $("#visible-comment").html(comment);
    $("#message-box").hide();

    console.log(comment);
    return false;
  });