Count Number of Words using JQuery

In this tutorial we will see how to Count Number of Words using JQuery. The JQuery Code and HTML Code is given below.

HTML Code

HTML Code is given below.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Count Number of Words using JQuery</title>
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
</head>
<body>
<textarea cols="100">Learn JQuery From HowToCodeSchool.</textarea>
<br>
<button type="button">Count Words</button>
</body>
</html>

JQuery Code

JQuery Code is given below. In this code the split() method of jquery and trim() are used.

<script>
$(document).ready(function(){
$("button").click(function(){
let words = $.trim($("textarea").val()).split(" ");
let count = words.length;    
alert(count);
});
});
</script>

Video Tutorial

Watch video tutorial on how to Count Number of Words using JQuery.