In this tutorial we will see how to Count Number of Words using JQuery. The JQuery Code and HTML Code is given below.
Table of Contents
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>
Demo
Video Tutorial
Watch video tutorial on how to Count Number of Words using JQuery.