{"id":3415,"date":"2012-06-03T06:15:33","date_gmt":"2012-06-03T06:15:33","guid":{"rendered":"http:\/\/2slick.com\/web\/?p=3415"},"modified":"2012-06-03T06:15:33","modified_gmt":"2012-06-03T06:15:33","slug":"word-counter-javascript","status":"publish","type":"post","link":"https:\/\/2slick.com\/web\/word-counter-javascript\/affordablewebsitestips\/tutorials","title":{"rendered":"Word Counter JavaScript"},"content":{"rendered":"

Here is a free word counter tool using JavaScript. Feel free to copy the code snippet below and use it on your own web page. Here is the word counter tool<\/a> in action.<\/p>\n

Word Counter JavaScript code<\/h3>\n

Place this block of code in the head section of your HTML document:
\n

 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
1<\/td>
<\/pre><\/td><\/tr>
2<\/td>
<<\/span>script language=<\/span>"javascript"<\/span>><\/span><\/pre><\/td><\/tr>
3<\/td>
function<\/span> countWords(<\/span>)<\/span>{<\/span><\/pre><\/td><\/tr>
4<\/td>
\tdocument.form1<\/span>.wordcount<\/span>.value<\/span> =<\/span> document.form1<\/span>.inputString<\/span>.value<\/span>.split<\/span>(<\/span>' '<\/span>)<\/span>.length<\/span>;<\/span><\/pre><\/td><\/tr>
5<\/td>
}<\/span><\/pre><\/td><\/tr>
6<\/td>
<\/<\/span>script><\/span><\/pre><\/td><\/tr>
7<\/td>
<\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n
Place this block in the body section of your HTML Document:
\n
 Javascript | <\/td><\/td> copy code |<\/td>?<\/td> <\/td><\/tr><\/tbody><\/table>
1<\/td>
<\/pre><\/td><\/tr>
2<\/td>
<<\/span>form name<\/span>=<\/span>"form1"<\/span> method=<\/span>"post"<\/span>><\/span><\/pre><\/td><\/tr>
3<\/td>
<<\/span>textarea name<\/span>=<\/span>"inputString"<\/span> cols=<\/span>"65"<\/span> rows=<\/span>"20"<\/span>><\/<\/span>textarea><\/span><\/pre><\/td><\/tr>
4<\/td>
<<\/span>br><\/span><\/pre><\/td><\/tr>
5<\/td>
<<\/span>input type=<\/span>"button"<\/span> name<\/span>=<\/span>"Convert"<\/span> value=<\/span>"Count Words"<\/span> onClick=<\/span>"countWords();"<\/span>><\/span> <\/pre><\/td><\/tr>
6<\/td>
<<\/span>input name<\/span>=<\/span>"wordcount"<\/span> type=<\/span>"text"<\/span> value=<\/span>""<\/span> size=<\/span>"6"<\/span>><\/span><\/pre><\/td><\/tr>
7<\/td>
<\/<\/span>form><\/span><\/pre><\/td><\/tr>
8<\/td>
<\/pre><\/td><\/tr><\/table><\/div><\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"
Here is a free word counter tool using JavaScript. Feel free to copy the code snippet below and use it on your own web page. Here is the word counter tool in action. Word Counter JavaScript code Place this block of code in the head section of your HTML document:  Javascript |  copy code |? 12<script language="javascript">3function countWords(){4 document.form1.wordcount.value = […]<\/p>\n","protected":false},"author":1,"featured_media":3416,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10,4],"tags":[385],"class_list":["post-3415","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-affordablewebsitestips","category-tutorials","tag-javascript"],"_links":{"self":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3415","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/comments?post=3415"}],"version-history":[{"count":1,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3415\/revisions"}],"predecessor-version":[{"id":3417,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/posts\/3415\/revisions\/3417"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media\/3416"}],"wp:attachment":[{"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/media?parent=3415"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/categories?post=3415"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/2slick.com\/web\/wp-json\/wp\/v2\/tags?post=3415"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}