devluis/live-word-counter-jquery

## live-word-counter-jquery
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


<meta charset=utf-8 />
<title>Live Word and Character Counter using jQuery</title>
<style>
	textarea{
		width:300px;
		height:300px;
	}
</style>
<script>
	function count(){
	  var txtVal = $('textarea').val();
	  var words = txtVal.trim().replace(/\s+/gi, ' ').split(' ').length;
	  var chars = txtVal.length;
	  if(chars===0){words=0;}
	  $('#counter').html('<br>'+words+' words and '+ chars +' characters');
	}
	count();

$('textarea').on('keyup propertychange paste', function(){
    count();
});
</script>
</head>
<body>

<textarea></textarea>

<div id="counter"></div>

</body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>


	<meta charset=utf-8 />
	<title>Live Word and Character Counter using jQuery</title>
	<style>
	textarea{
	width:300px;
	height:300px;
	}
	</style>
	<script>
	function count(){
	var txtVal = $('textarea').val();
	var words = txtVal.trim().replace(/\s+/gi, ' ').split(' ').length;
	var chars = txtVal.length;
	if(chars===0){words=0;}
	$('#counter').html('<br>'+words+' words and '+ chars +' characters');
	}
	count();

	$('textarea').on('keyup propertychange paste', function(){
	count();
	});
	</script>
	</head>
	<body>

	<textarea></textarea>

	<div id="counter"></div>

	</body>
	</html>