$(document).ready(function(){

	//Character count

	$("#message").on("keyup", function(){
		console.log("keyup happened");
		var charCount = $("#message").val().length;
		console.log(charCount);
		$("#charCount").html("Characters: " + charCount);
		$("#charCount").css("color", "black");

    if(charCount > 50) {
      $("#message").css("background-color", "pink");
      $("#message").css("border-color", "red");
		}
  	else {
      $("#message").css("background-color", "#f0f0f0");
      $("#message").css("border-color", "black");
	  };
  });

	//Comment display

	$("#submitButton").on("click", function(){
		console.log("clicked");
		var comment = $("#message").val();
		console.log(comment);
		$("#visible-comment").css("color", "yellow");
		$("#visible-comment").css("font-size", "40px");
		$("#visible-comment").html(comment.toUpperCase() + "!!!");

		return false;
	});

	//Table

	var rows = $(".my-row");

  for(var i=0; i<rows.length; ++i) {
    if (i%2===1) {
      $(rows[i]).css("background-color", "#f0f0f0");

    };
  };

}); // here we close the doc ready. no more code below here