$(document).ready(function(){
	$(".message-box").css("background-color","pink");

	$("#button").click (function() {
		console.log( "clicked" );
		var comment = $(".message-box").val();
		console.log(comment);
		$("#visible-comment").html(comment);
		return false;
	});

	$(".message-box").on("keyup", function(){
		console.log("keyup happened");
		var charCount = $(".message-box").val().length;
		console.log(charCount);
		$("#char-count").html(charCount);
		$("#char-count").css("color", "black");

		if(charCount > 50) {
			$("#char-count").css("color", "red");

		} else {
			$("#charCount").css("color", "black");

		};

	});

	var rows =$(".my-row");
	console.log(rows);
	for(var i=0; i<rows.length; ++i){
		if(i%2===0){
			$(rows[i]).css("background-color","#BD71A5");
		};
	};
});