{"id":20760,"date":"2022-11-12T17:19:52","date_gmt":"2022-11-12T11:49:52","guid":{"rendered":"https:\/\/copyassignment.com\/?p=20760"},"modified":"2022-11-12T18:55:19","modified_gmt":"2022-11-12T13:25:19","slug":"word-count-app-in-javascript","status":"publish","type":"post","link":"https:\/\/copyassignment.com\/word-count-app-in-javascript\/","title":{"rendered":"Word Count App in JavaScript"},"content":{"rendered":"\n<p>We will be creating a simple <a href=\"https:\/\/wordcounter.net\/\" target=\"_blank\" rel=\"noreferrer noopener\">Word Count App<\/a> in JavaScript. Every paragraph has words, every word has letters, were you ever curious about an aspect, that we can count, we can keep a track of them?<br>Well, not only that but many assignments are also marked based on the number of words used, and the number of characters used. So today let us build a simple Word Count App in JavaScript, HTML, and CSS and get to know how can we track our writing.<\/p>\n\n\n\n<p>Check out this image for the folder structure of our project.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-141209.jpg\" alt=\"folder structure for Word Count App\" class=\"wp-image-20761 lazyload\" width=\"313\" height=\"234\" title=\"To-Do List in HTML CSS JavaScript 2\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 313px; --smush-placeholder-aspect-ratio: 313\/234;\" \/><\/figure>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p><strong>index.html contains our Html code.<\/strong><\/p>\n\n\n\n<p><strong>style.css contains styling for our web page.<\/strong><\/p>\n\n\n\n<p><strong>main.js contains all the logic.<\/strong><\/p>\n\n\n\n<p>If you want a single file(HTML+CSS+JavaScript),&nbsp;<a href=\"#complete-code\">click here<\/a>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">HTML code:<\/h2>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><span class=\"dashicon dashicons dashicons-admin-page\"><\/span><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"html\" data-theme=\"xcode\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">&lt;html>\n  &lt;head>\n    &lt;meta charset=\"UTF-8\" \/>\n    &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\n    &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n    &lt;link rel='stylesheet' type='text\/css' ' media=\"screen\" href=\"style.css\"\/>\n    &lt;title>Word Count App&lt;\/title>\n  &lt;\/head>\n  &lt;body>\n    &lt;div class=\"container\">\n      &lt;h1>Word Counter&lt;\/h1>\n      &lt;textarea placeholder=\"Enter your text here...\">&lt;\/textarea>\n      &lt;div class=\"output row\">\n        &lt;div>Characters: &lt;span id=\"characterCount\">0&lt;\/span>&lt;\/div>\n        &lt;div>Words: &lt;span id=\"wordCount\">0&lt;\/span>&lt;\/div>\n      &lt;\/div>\n      &lt;div class=\"output row\">\n        &lt;div>Sentences: &lt;span id=\"sentenceCount\">0&lt;\/span>&lt;\/div>\n        &lt;div>Paragraphs: &lt;span id=\"paragraphCount\">0&lt;\/span>&lt;\/div>\n      &lt;\/div>\n\n      &lt;div class=\"keywords\">\n        Top keywords:\n        &lt;ul id=\"topKeywords\">&lt;\/ul>\n      &lt;\/div>\n    &lt;\/div>\n    &lt;script src=\"main.js\">&lt;\/script>\n  &lt;\/body>\n&lt;\/html><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">JavaScript code:<\/h2>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><span class=\"dashicon dashicons dashicons-admin-page\"><\/span><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"javascript\" data-theme=\"xcode\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">\"use strict\";\nvar input = document.querySelectorAll(\"textarea\")[0],\n    characterCount = document.querySelector(\"#characterCount\"),\n    wordCount = document.querySelector(\"#wordCount\"),\n    sentenceCount = document.querySelector(\"#sentenceCount\"),\n    paragraphCount = document.querySelector(\"#paragraphCount\"),\n    readingTime = document.querySelector(\"#readingTime\"),\n    readability = document.querySelector(\"#readability\"),\n    keywordsDiv = document.querySelectorAll(\".keywords\")[0],\n    topKeywords = document.querySelector(\"#topKeywords\");\n\ninput.addEventListener(\"keyup\", function () {\n    console.clear();\n\n    characterCount.innerHTML = input.value.length;\n\n    var words = input.value.match(\/\\b[-?(\\w+)?]+\\b\/gi);\n\n    if (words) {\n        wordCount.innerHTML = words.length;\n    } else {\n        wordCount.innerHTML = 0;\n    }\n\n    if (words) {\n        var sentences = input.value.split(\/[.|!|?]+\/g);\n        console.log(sentences);\n        sentenceCount.innerHTML = sentences.length - 1;\n    } else {\n        sentenceCount.innerHTML = 0;\n    }\n\n    if (words) {\n        var paragraphs = input.value.replace(\/\\n$\/gm, \"\").split(\/\\n\/);\n        paragraphCount.innerHTML = paragraphs.length;\n    } else {\n        paragraphCount.innerHTML = 0;\n    }\n\n    if (words) {\n        var seconds = Math.floor((words.length * 60) \/ 275);\n\n        if (seconds > 59) {\n            var minutes = Math.floor(seconds \/ 60);\n            seconds = seconds - minutes * 60;\n            readingTime.innerHTML = minutes + \"m \" + seconds + \"s\";\n        } else {\n            readingTime.innerHTML = seconds + \"s\";\n        }\n    } else {\n        readingTime.innerHTML = \"0s\";\n    }\n\n    if (words) {\n        var nonStopWords = [];\n        var stopWords = [\"a\", \"able\", \"about\", \"above\", \"abst\", \"accordance\", \"according\", \"accordingly\", \"across\", \"act\", \"actually\", \"added\", \"adj\", \"affected\", \"affecting\", \"affects\", \"after\", \"afterwards\", \"again\", \"against\", \"ah\", \"all\", \"almost\", \"alone\", \"along\", \"already\", \"also\", \"although\", \"always\", \"am\", \"among\", \"amongst\", \"an\", \"and\", \"announce\", \"another\", \"any\", \"anybody\", \"anyhow\", \"anymore\", \"anyone\", \"anything\", \"anyway\", \"anyways\", \"anywhere\", \"apparently\", \"approximately\", \"are\", \"aren\", \"arent\", \"arise\", \"around\", \"as\", \"aside\", \"ask\", \"asking\", \"at\", \"auth\", \"available\", \"away\", \"awfully\", \"b\", \"back\", \"be\", \"became\", \"because\", \"become\", \"becomes\", \"becoming\", \"been\", \"before\", \"beforehand\", \"begin\", \"beginning\", \"beginnings\", \"begins\", \"behind\", \"being\", \"believe\", \"below\", \"beside\", \"besides\", \"between\", \"beyond\", \"biol\", \"both\", \"brief\", \"briefly\", \"but\", \"by\", \"c\", \"ca\", \"came\", \"can\", \"cannot\", \"can't\", \"cause\", \"causes\", \"certain\", \"certainly\", \"co\", \"com\", \"come\", \"comes\", \"contain\", \"containing\", \"contains\", \"could\", \"couldnt\", \"d\", \"date\", \"did\", \"didn't\", \"different\", \"do\", \"does\", \"doesn't\", \"doing\", \"done\", \"don't\", \"down\", \"downwards\", \"due\", \"during\", \"e\", \"each\", \"ed\", \"edu\", \"effect\", \"eg\", \"eight\", \"eighty\", \"either\", \"else\", \"elsewhere\", \"end\", \"ending\", \"enough\", \"especially\", \"et\", \"et-al\", \"etc\", \"even\", \"ever\", \"every\", \"everybody\", \"everyone\", \"everything\", \"everywhere\", \"ex\", \"except\", \"f\", \"far\", \"few\", \"ff\", \"fifth\", \"first\", \"five\", \"fix\", \"followed\", \"following\", \"follows\", \"for\", \"former\", \"formerly\", \"forth\", \"found\", \"four\", \"from\", \"further\", \"furthermore\", \"g\", \"gave\", \"get\", \"gets\", \"getting\", \"give\", \"given\", \"gives\", \"giving\", \"go\", \"goes\", \"gone\", \"got\", \"gotten\", \"h\", \"had\", \"happens\", \"hardly\", \"has\", \"hasn't\", \"have\", \"haven't\", \"having\", \"he\", \"hed\", \"hence\", \"her\", \"here\", \"hereafter\", \"hereby\", \"herein\", \"heres\", \"hereupon\", \"hers\", \"herself\", \"hes\", \"hi\", \"hid\", \"him\", \"himself\", \"his\", \"hither\", \"home\", \"how\", \"howbeit\", \"however\", \"hundred\", \"i\", \"id\", \"ie\", \"if\", \"i'll\", \"im\", \"immediate\", \"immediately\", \"importance\", \"important\", \"in\", \"inc\", \"indeed\", \"index\", \"information\", \"instead\", \"into\", \"invention\", \"inward\", \"is\", \"isn't\", \"it\", \"itd\", \"it'll\", \"its\", \"itself\", \"i've\", \"j\", \"just\", \"k\", \"keep\", \"keeps\", \"kept\", \"kg\", \"km\", \"know\", \"known\", \"knows\", \"l\", \"largely\", \"last\", \"lately\", \"later\", \"latter\", \"latterly\", \"least\", \"less\", \"lest\", \"let\", \"lets\", \"like\", \"liked\", \"likely\", \"line\", \"little\", \"'ll\", \"look\", \"looking\", \"looks\", \"ltd\", \"m\", \"made\", \"mainly\", \"make\", \"makes\", \"many\", \"may\", \"maybe\", \"me\", \"mean\", \"means\", \"meantime\", \"meanwhile\", \"merely\", \"mg\", \"might\", \"million\", \"miss\", \"ml\", \"more\", \"moreover\", \"most\", \"mostly\", \"mr\", \"mrs\", \"much\", \"mug\", \"must\", \"my\", \"myself\", \"n\", \"na\", \"name\", \"namely\", \"nay\", \"nd\", \"near\", \"nearly\", \"necessarily\", \"necessary\", \"need\", \"needs\", \"neither\", \"never\", \"nevertheless\", \"new\", \"next\", \"nine\", \"ninety\", \"no\", \"nobody\", \"non\", \"none\", \"nonetheless\", \"noone\", \"nor\", \"normally\", \"nos\", \"not\", \"noted\", \"nothing\", \"now\", \"nowhere\", \"o\", \"obtain\", \"obtained\", \"obviously\", \"of\", \"off\", \"often\", \"oh\", \"ok\", \"okay\", \"old\", \"omitted\", \"on\", \"once\", \"one\", \"ones\", \"only\", \"onto\", \"or\", \"ord\", \"other\", \"others\", \"otherwise\", \"ought\", \"our\", \"ours\", \"ourselves\", \"out\", \"outside\", \"over\", \"overall\", \"owing\", \"own\", \"p\", \"page\", \"pages\", \"part\", \"particular\", \"particularly\", \"past\", \"per\", \"perhaps\", \"placed\", \"please\", \"plus\", \"poorly\", \"possible\", \"possibly\", \"potentially\", \"pp\", \"predominantly\", \"present\", \"previously\", \"primarily\", \"probably\", \"promptly\", \"proud\", \"provides\", \"put\", \"q\", \"que\", \"quickly\", \"quite\", \"qv\", \"r\", \"ran\", \"rather\", \"rd\", \"re\", \"readily\", \"really\", \"recent\", \"recently\", \"ref\", \"refs\", \"regarding\", \"regardless\", \"regards\", \"related\", \"relatively\", \"research\", \"respectively\", \"resulted\", \"resulting\", \"results\", \"right\", \"run\", \"s\", \"said\", \"same\", \"saw\", \"say\", \"saying\", \"says\", \"sec\", \"section\", \"see\", \"seeing\", \"seem\", \"seemed\", \"seeming\", \"seems\", \"seen\", \"self\", \"selves\", \"sent\", \"seven\", \"several\", \"shall\", \"she\", \"shed\", \"she'll\", \"shes\", \"should\", \"shouldn't\", \"show\", \"showed\", \"shown\", \"showns\", \"shows\", \"significant\", \"significantly\", \"similar\", \"similarly\", \"since\", \"six\", \"slightly\", \"so\", \"some\", \"somebody\", \"somehow\", \"someone\", \"somethan\", \"something\", \"sometime\", \"sometimes\", \"somewhat\", \"somewhere\", \"soon\", \"sorry\", \"specifically\", \"specified\", \"specify\", \"specifying\", \"still\", \"stop\", \"strongly\", \"sub\", \"substantially\", \"successfully\", \"such\", \"sufficiently\", \"suggest\", \"sup\", \"sure\", \"t\", \"take\", \"taken\", \"taking\", \"tell\", \"tends\", \"th\", \"than\", \"thank\", \"thanks\", \"thanx\", \"that\", \"that'll\", \"thats\", \"that've\", \"the\", \"their\", \"theirs\", \"them\", \"themselves\", \"then\", \"thence\", \"there\", \"thereafter\", \"thereby\", \"thered\", \"therefore\", \"therein\", \"there'll\", \"thereof\", \"therere\", \"theres\", \"thereto\", \"thereupon\", \"there've\", \"these\", \"they\", \"theyd\", \"they'll\", \"theyre\", \"they've\", \"think\", \"this\", \"those\", \"thou\", \"though\", \"thoughh\", \"thousand\", \"throug\", \"through\", \"throughout\", \"thru\", \"thus\", \"til\", \"tip\", \"to\", \"together\", \"too\", \"took\", \"toward\", \"towards\", \"tried\", \"tries\", \"truly\", \"try\", \"trying\", \"ts\", \"twice\", \"two\", \"u\", \"un\", \"under\", \"unfortunately\", \"unless\", \"unlike\", \"unlikely\", \"until\", \"unto\", \"up\", \"upon\", \"ups\", \"us\", \"use\", \"used\", \"useful\", \"usefully\", \"usefulness\", \"uses\", \"using\", \"usually\", \"v\", \"value\", \"various\", \"'ve\", \"very\", \"via\", \"viz\", \"vol\", \"vols\", \"vs\", \"w\", \"want\", \"wants\", \"was\", \"wasn't\", \"way\", \"we\", \"wed\", \"welcome\", \"we'll\", \"went\", \"were\", \"weren't\", \"we've\", \"what\", \"whatever\", \"what'll\", \"whats\", \"when\", \"whence\", \"whenever\", \"where\", \"whereafter\", \"whereas\", \"whereby\", \"wherein\", \"wheres\", \"whereupon\", \"wherever\", \"whether\", \"which\", \"while\", \"whim\", \"whither\", \"who\", \"whod\", \"whoever\", \"whole\", \"who'll\", \"whom\", \"whomever\", \"whos\", \"whose\", \"why\", \"widely\", \"willing\", \"wish\", \"with\", \"within\", \"without\", \"won't\", \"words\", \"world\", \"would\", \"wouldn't\", \"www\", \"x\", \"y\", \"yes\", \"yet\", \"you\", \"youd\", \"you'll\", \"your\", \"youre\", \"yours\", \"yourself\", \"yourselves\", \"you've\", \"z\", \"zero\"];\n        for (var i = 0; i &lt; words.length; i++) {\n            if (\n                stopWords.indexOf(words[i].toLowerCase()) === -1 &amp;&amp;\n                isNaN(words[i])\n            ) {\n                nonStopWords.push(words[i].toLowerCase());\n            }\n        }\n\n        var keywords = {};\n        for (var i = 0; i &lt; nonStopWords.length; i++) {\n            if (nonStopWords[i] in keywords) {\n                keywords[nonStopWords[i]] += 1;\n            } else {\n                keywords[nonStopWords[i]] = 1;\n            }\n        }\n\n        var sortedKeywords = [];\n        for (var keyword in keywords) {\n            sortedKeywords.push([keyword, keywords[keyword]]);\n        }\n        sortedKeywords.sort(function (a, b) {\n            return b[1] - a[1];\n        });\n\n        topKeywords.innerHTML = \"\";\n        for (var i = 0; i &lt; sortedKeywords.length &amp;&amp; i &lt; 4; i++) {\n            var li = document.createElement(\"li\");\n            li.innerHTML =\n                \"&lt;b>\" + sortedKeywords[i][0] + \"&lt;\/b>: \" + sortedKeywords[i][1];\n            topKeywords.appendChild(li);\n        }\n    }\n\n    if (words) {\n        keywordsDiv.style.display = \"block\";\n    } else {\n        keywordsDiv.style.display = \"none\";\n    }\n});<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">CSS code:<\/h2>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><span class=\"dashicon dashicons dashicons-admin-page\"><\/span><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"css\" data-theme=\"xcode\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">html {\n  box-sizing: border-box;\n  -webkit-user-select: none;\n\n  -moz-user-select: none;\n\n  -ms-user-select: none;\n\n  user-select: none;\n}\n\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nb {\n  font-weight: bold;\n}\n\nbody {\n  width: 700px;\n  margin: 0 auto;\n  background-color: #fafafa;\n  font-family: \"Source Sans Pro\", sans-serif;\n  color: #111;\n}\n\n.container {\n  margin: 2% auto;\n  padding: 15px;\n  background-color: #ffffff;\n  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n}\n\nh1 {\n  font-size: 3rem;\n  font-weight: 900;\n  text-align: center;\n  margin: 1% 0 3%;\n}\n\ntextarea {\n  width: 100%;\n  height: 250px;\n  padding: 10px;\n  border: 1px solid #d9d9d9;\n  outline: none;\n  font-size: 1rem;\n  resize: none;\n  line-height: 1.5rem;\n}\n\ntextarea:hover {\n  border-color: #c0c0c0;\n}\n\ntextarea:focus {\n  border-color: #4d90fe;\n}\n\n.output.row {\n  width: 100%;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  margin: 1% 0;\n  background-color: #f9f9f9;\n}\n\n.output.row div {\n  display: inline-block;\n  width: 42%;\n  padding: 10px 15px;\n  margin: 1%;\n}\n\n.output.row span {\n  font-weight: bold;\n  font-size: 1.5rem;\n}\n\n.keywords {\n  display: none;\n  margin: 4% 0 0;\n  font-size: 2rem;\n  font-weight: 900;\n}\n\n.keywords ul {\n  font-weight: 400;\n  border: 1px solid #ddd;\n  font-size: 1.4rem;\n  background-color: #f9f9f9;\n  margin: 2% 0;\n}\n\n.keywords li {\n  display: inline-block;\n  width: 44%;\n  padding: 10px;\n  margin: 1%;\n}\n\n@media (max-width: 750px) {\n  body {\n    width: 600px;\n  }\n  .output.row {\n    font-size: 1.2rem;\n  }\n  .output.row span {\n    font-size: 1.3rem;\n  }\n  .keywords ul {\n    font-size: 1.2rem;\n  }\n}\n\n@media (max-width: 600px) {\n  body {\n    width: 95%;\n  }\n  .output.row {\n    border: none;\n    background-color: #fff;\n  }\n  .output.row div {\n    display: block;\n    width: 100%;\n    padding: 10px 15px;\n    margin: 2% auto;\n    border: 1px solid #ddd;\n    font-size: 1.8rem;\n    background-color: #f9f9f9;\n  }\n  .output.row span {\n    font-size: 2rem;\n  }\n  #readability {\n    width: 100%;\n    font-size: 1.6rem;\n    font-weight: 400;\n  }\n  .keywords {\n    margin: 10% auto;\n  }\n  .keywords ul {\n    font-weight: 400;\n    border: none;\n    font-size: 1.8rem;\n    background-color: #f9f9f9;\n    margin: 5% 0;\n  }\n  .keywords li {\n    display: block;\n    width: 100%;\n    padding: 10px;\n    margin: 2% auto;\n    border: 1px solid #ddd;\n  }\n}\n<\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"complete-code\">Complete code for Word Count App in JavaScript<\/h2>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<div style=\"height: 250px; position:relative; margin-bottom: 50px;\" class=\"wp-block-simple-code-block-ace\"><div style=\"position:absolute;top:-20px;right:0px;cursor:pointer\" class=\"copy-simple-code-block\"><span class=\"dashicon dashicons dashicons-admin-page\"><\/span><\/div><pre class=\"wp-block-simple-code-block-ace\" style=\"position:absolute;top:0;right:0;bottom:0;left:0\" data-mode=\"html\" data-theme=\"xcode\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\" data-copy=\"true\">&lt;html>\n    &lt;head>\n        &lt;meta charset=\"UTF-8\" \/>\n        &lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" \/>\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n        &lt;title>Word Count App&lt;\/title>\n  &lt;\/head>\n&lt;body>\n&lt;div class=\"container\">\n  &lt;h1>Word Counter&lt;\/h1>\n  &lt;textarea placeholder=\"Enter your text here...\">&lt;\/textarea>\n  &lt;div class=\"output row\">\n    &lt;div>Characters: &lt;span id=\"characterCount\">0&lt;\/span>&lt;\/div>\n    &lt;div>Words: &lt;span id=\"wordCount\">0&lt;\/span>&lt;\/div>\n  &lt;\/div>\n  &lt;div class=\"output row\">\n    &lt;div>Sentences: &lt;span id=\"sentenceCount\">0&lt;\/span>&lt;\/div>\n    &lt;div>Paragraphs: &lt;span id=\"paragraphCount\">0&lt;\/span>&lt;\/div>\n  &lt;\/div>\n  \n  &lt;div class=\"keywords\">\n    Top keywords:\n    &lt;ul id=\"topKeywords\">\n    &lt;\/ul>\n  &lt;\/div>\n&lt;\/div>\n&lt;style>\nhtml {\n  box-sizing: border-box;\n  -webkit-user-select: none;\n  \n  -moz-user-select: none;\n  \n  -ms-user-select: none;\n  \n  user-select: none;\n  \n}\n\n*,\n*:before,\n*:after {\n  box-sizing: inherit;\n}\n\nb {\n  font-weight: bold;\n}\n\n\n\n\nbody {\n  width: 700px;\n  margin: 0 auto;\n  background-color: #FAFAFA;\n  font-family: 'Source Sans Pro', sans-serif;\n  color: #111;\n}\n\n.container {\n  margin: 2% auto;\n  padding: 15px;\n  background-color: #FFFFFF;\n  -webkit-box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.2);\n}\n\nh1 {\n  font-size: 3rem;\n  font-weight: 900;\n  text-align: center;\n  margin: 1% 0 3%;\n}\n\ntextarea {\n  width: 100%;\n  height: 250px;\n  padding: 10px;\n  border: 1px solid #d9d9d9;\n  outline: none;\n  font-size: 1rem;\n  resize: none;\n  line-height: 1.5rem;\n}\n\ntextarea:hover {\n  border-color: #C0C0C0;\n}\n\ntextarea:focus {\n  border-color: #4D90FE;\n}\n\n.output.row {\n  width: 100%;\n  border: 1px solid #DDD;\n  font-size: 1.4rem;\n  margin: 1% 0;\n  background-color: #F9F9F9;\n}\n\n.output.row div {\n  display: inline-block;\n  width: 42%;\n  padding: 10px 15px;\n  margin: 1%;\n}\n\n.output.row span {\n  font-weight: bold;\n  font-size: 1.5rem;\n}\n\n\n\n.keywords {\n  display: none;\n  margin: 4% 0 0;\n  font-size: 2rem;\n  font-weight: 900;\n}\n\n.keywords ul {\n  font-weight: 400;\n  border: 1px solid #DDD;\n  font-size: 1.4rem;\n  background-color: #F9F9F9;\n  margin: 2% 0;\n}\n\n.keywords li {\n  display: inline-block;\n  width: 44%;\n  padding: 10px;\n  margin: 1%;\n}\n\n\n\n\n@media (max-width: 750px) {\n  body {\n    width: 600px;\n  }\n  .output.row {\n    font-size: 1.2rem;\n  }\n  .output.row span {\n    font-size: 1.3rem;\n  }\n  .keywords ul {\n    font-size: 1.2rem;\n  }\n}\n\n@media (max-width: 600px) {\n \n  body {\n    width: 95%;\n  }\n  .output.row {\n    border: none;\n    background-color: #FFF;\n  }\n  .output.row div {\n    display: block;\n    width: 100%;\n    padding: 10px 15px;\n    margin: 2% auto;\n    border: 1px solid #DDD;\n    font-size: 1.8rem;\n    background-color: #F9F9F9;\n  }\n  .output.row span {\n    font-size: 2rem;\n  }\n  #readability {\n    width: 100%;\n    font-size: 1.6rem;\n    font-weight: 400;\n  }\n  .keywords {\n    margin: 10% auto;\n  }\n  .keywords ul {\n    font-weight: 400;\n    border: none;\n    font-size: 1.8rem;\n    background-color: #F9F9F9;\n    margin: 5% 0;\n  }\n  .keywords li {\n    display: block;\n    width: 100%;\n    padding: 10px;\n    margin: 2% auto;\n    border: 1px solid #DDD;\n  }\n}\n&lt;\/style>\n&lt;script>\n\"use strict\";\nvar input = document.querySelectorAll('textarea')[0],\n  characterCount = document.querySelector('#characterCount'),\n  wordCount = document.querySelector('#wordCount'),\n  sentenceCount = document.querySelector('#sentenceCount'),\n  paragraphCount = document.querySelector('#paragraphCount'),\n  readingTime = document.querySelector('#readingTime'),\n  readability = document.querySelector('#readability'),\n  keywordsDiv = document.querySelectorAll('.keywords')[0],\n  topKeywords = document.querySelector('#topKeywords');\n\n\ninput.addEventListener('keyup', function() {\n\n  \n  console.clear();\n\n  \n  characterCount.innerHTML = input.value.length;\n\n  \n  var words = input.value.match(\/\\b[-?(\\w+)?]+\\b\/gi);\n  \n  if (words) {\n    wordCount.innerHTML = words.length;\n  } else {\n    wordCount.innerHTML = 0;\n  }\n\n  \n  if (words) {\n    var sentences = input.value.split(\/[.|!|?]+\/g);\n    console.log(sentences);\n    sentenceCount.innerHTML = sentences.length - 1;\n  } else {\n    sentenceCount.innerHTML = 0;\n  }\n\n  \n  if (words) {\n    \n    var paragraphs = input.value.replace(\/\\n$\/gm, '').split(\/\\n\/);\n    paragraphCount.innerHTML = paragraphs.length;\n  } else {\n    paragraphCount.innerHTML = 0;\n  }\n  \n  if (words) {\n    var seconds = Math.floor(words.length * 60 \/ 275);\n    \n    if (seconds > 59) {\n      var minutes = Math.floor(seconds \/ 60);\n      seconds = seconds - minutes * 60;\n      readingTime.innerHTML = minutes + \"m \" + seconds + \"s\";\n    } else {\n      readingTime.innerHTML = seconds + \"s\";\n    }\n  } else {\n    readingTime.innerHTML = \"0s\";\n  }\n\n  \n\n  if (words) {\n\n    \n    var nonStopWords = [];\n    var stopWords = [\"a\", \"able\", \"about\", \"above\", \"abst\", \"accordance\", \"according\", \"accordingly\", \"across\", \"act\", \"actually\", \"added\", \"adj\", \"affected\", \"affecting\", \"affects\", \"after\", \"afterwards\", \"again\", \"against\", \"ah\", \"all\", \"almost\", \"alone\", \"along\", \"already\", \"also\", \"although\", \"always\", \"am\", \"among\", \"amongst\", \"an\", \"and\", \"announce\", \"another\", \"any\", \"anybody\", \"anyhow\", \"anymore\", \"anyone\", \"anything\", \"anyway\", \"anyways\", \"anywhere\", \"apparently\", \"approximately\", \"are\", \"aren\", \"arent\", \"arise\", \"around\", \"as\", \"aside\", \"ask\", \"asking\", \"at\", \"auth\", \"available\", \"away\", \"awfully\", \"b\", \"back\", \"be\", \"became\", \"because\", \"become\", \"becomes\", \"becoming\", \"been\", \"before\", \"beforehand\", \"begin\", \"beginning\", \"beginnings\", \"begins\", \"behind\", \"being\", \"believe\", \"below\", \"beside\", \"besides\", \"between\", \"beyond\", \"biol\", \"both\", \"brief\", \"briefly\", \"but\", \"by\", \"c\", \"ca\", \"came\", \"can\", \"cannot\", \"can't\", \"cause\", \"causes\", \"certain\", \"certainly\", \"co\", \"com\", \"come\", \"comes\", \"contain\", \"containing\", \"contains\", \"could\", \"couldnt\", \"d\", \"date\", \"did\", \"didn't\", \"different\", \"do\", \"does\", \"doesn't\", \"doing\", \"done\", \"don't\", \"down\", \"downwards\", \"due\", \"during\", \"e\", \"each\", \"ed\", \"edu\", \"effect\", \"eg\", \"eight\", \"eighty\", \"either\", \"else\", \"elsewhere\", \"end\", \"ending\", \"enough\", \"especially\", \"et\", \"et-al\", \"etc\", \"even\", \"ever\", \"every\", \"everybody\", \"everyone\", \"everything\", \"everywhere\", \"ex\", \"except\", \"f\", \"far\", \"few\", \"ff\", \"fifth\", \"first\", \"five\", \"fix\", \"followed\", \"following\", \"follows\", \"for\", \"former\", \"formerly\", \"forth\", \"found\", \"four\", \"from\", \"further\", \"furthermore\", \"g\", \"gave\", \"get\", \"gets\", \"getting\", \"give\", \"given\", \"gives\", \"giving\", \"go\", \"goes\", \"gone\", \"got\", \"gotten\", \"h\", \"had\", \"happens\", \"hardly\", \"has\", \"hasn't\", \"have\", \"haven't\", \"having\", \"he\", \"hed\", \"hence\", \"her\", \"here\", \"hereafter\", \"hereby\", \"herein\", \"heres\", \"hereupon\", \"hers\", \"herself\", \"hes\", \"hi\", \"hid\", \"him\", \"himself\", \"his\", \"hither\", \"home\", \"how\", \"howbeit\", \"however\", \"hundred\", \"i\", \"id\", \"ie\", \"if\", \"i'll\", \"im\", \"immediate\", \"immediately\", \"importance\", \"important\", \"in\", \"inc\", \"indeed\", \"index\", \"information\", \"instead\", \"into\", \"invention\", \"inward\", \"is\", \"isn't\", \"it\", \"itd\", \"it'll\", \"its\", \"itself\", \"i've\", \"j\", \"just\", \"k\", \"keep\", \"keeps\", \"kept\", \"kg\", \"km\", \"know\", \"known\", \"knows\", \"l\", \"largely\", \"last\", \"lately\", \"later\", \"latter\", \"latterly\", \"least\", \"less\", \"lest\", \"let\", \"lets\", \"like\", \"liked\", \"likely\", \"line\", \"little\", \"'ll\", \"look\", \"looking\", \"looks\", \"ltd\", \"m\", \"made\", \"mainly\", \"make\", \"makes\", \"many\", \"may\", \"maybe\", \"me\", \"mean\", \"means\", \"meantime\", \"meanwhile\", \"merely\", \"mg\", \"might\", \"million\", \"miss\", \"ml\", \"more\", \"moreover\", \"most\", \"mostly\", \"mr\", \"mrs\", \"much\", \"mug\", \"must\", \"my\", \"myself\", \"n\", \"na\", \"name\", \"namely\", \"nay\", \"nd\", \"near\", \"nearly\", \"necessarily\", \"necessary\", \"need\", \"needs\", \"neither\", \"never\", \"nevertheless\", \"new\", \"next\", \"nine\", \"ninety\", \"no\", \"nobody\", \"non\", \"none\", \"nonetheless\", \"noone\", \"nor\", \"normally\", \"nos\", \"not\", \"noted\", \"nothing\", \"now\", \"nowhere\", \"o\", \"obtain\", \"obtained\", \"obviously\", \"of\", \"off\", \"often\", \"oh\", \"ok\", \"okay\", \"old\", \"omitted\", \"on\", \"once\", \"one\", \"ones\", \"only\", \"onto\", \"or\", \"ord\", \"other\", \"others\", \"otherwise\", \"ought\", \"our\", \"ours\", \"ourselves\", \"out\", \"outside\", \"over\", \"overall\", \"owing\", \"own\", \"p\", \"page\", \"pages\", \"part\", \"particular\", \"particularly\", \"past\", \"per\", \"perhaps\", \"placed\", \"please\", \"plus\", \"poorly\", \"possible\", \"possibly\", \"potentially\", \"pp\", \"predominantly\", \"present\", \"previously\", \"primarily\", \"probably\", \"promptly\", \"proud\", \"provides\", \"put\", \"q\", \"que\", \"quickly\", \"quite\", \"qv\", \"r\", \"ran\", \"rather\", \"rd\", \"re\", \"readily\", \"really\", \"recent\", \"recently\", \"ref\", \"refs\", \"regarding\", \"regardless\", \"regards\", \"related\", \"relatively\", \"research\", \"respectively\", \"resulted\", \"resulting\", \"results\", \"right\", \"run\", \"s\", \"said\", \"same\", \"saw\", \"say\", \"saying\", \"says\", \"sec\", \"section\", \"see\", \"seeing\", \"seem\", \"seemed\", \"seeming\", \"seems\", \"seen\", \"self\", \"selves\", \"sent\", \"seven\", \"several\", \"shall\", \"she\", \"shed\", \"she'll\", \"shes\", \"should\", \"shouldn't\", \"show\", \"showed\", \"shown\", \"showns\", \"shows\", \"significant\", \"significantly\", \"similar\", \"similarly\", \"since\", \"six\", \"slightly\", \"so\", \"some\", \"somebody\", \"somehow\", \"someone\", \"somethan\", \"something\", \"sometime\", \"sometimes\", \"somewhat\", \"somewhere\", \"soon\", \"sorry\", \"specifically\", \"specified\", \"specify\", \"specifying\", \"still\", \"stop\", \"strongly\", \"sub\", \"substantially\", \"successfully\", \"such\", \"sufficiently\", \"suggest\", \"sup\", \"sure\", \"t\", \"take\", \"taken\", \"taking\", \"tell\", \"tends\", \"th\", \"than\", \"thank\", \"thanks\", \"thanx\", \"that\", \"that'll\", \"thats\", \"that've\", \"the\", \"their\", \"theirs\", \"them\", \"themselves\", \"then\", \"thence\", \"there\", \"thereafter\", \"thereby\", \"thered\", \"therefore\", \"therein\", \"there'll\", \"thereof\", \"therere\", \"theres\", \"thereto\", \"thereupon\", \"there've\", \"these\", \"they\", \"theyd\", \"they'll\", \"theyre\", \"they've\", \"think\", \"this\", \"those\", \"thou\", \"though\", \"thoughh\", \"thousand\", \"throug\", \"through\", \"throughout\", \"thru\", \"thus\", \"til\", \"tip\", \"to\", \"together\", \"too\", \"took\", \"toward\", \"towards\", \"tried\", \"tries\", \"truly\", \"try\", \"trying\", \"ts\", \"twice\", \"two\", \"u\", \"un\", \"under\", \"unfortunately\", \"unless\", \"unlike\", \"unlikely\", \"until\", \"unto\", \"up\", \"upon\", \"ups\", \"us\", \"use\", \"used\", \"useful\", \"usefully\", \"usefulness\", \"uses\", \"using\", \"usually\", \"v\", \"value\", \"various\", \"'ve\", \"very\", \"via\", \"viz\", \"vol\", \"vols\", \"vs\", \"w\", \"want\", \"wants\", \"was\", \"wasn't\", \"way\", \"we\", \"wed\", \"welcome\", \"we'll\", \"went\", \"were\", \"weren't\", \"we've\", \"what\", \"whatever\", \"what'll\", \"whats\", \"when\", \"whence\", \"whenever\", \"where\", \"whereafter\", \"whereas\", \"whereby\", \"wherein\", \"wheres\", \"whereupon\", \"wherever\", \"whether\", \"which\", \"while\", \"whim\", \"whither\", \"who\", \"whod\", \"whoever\", \"whole\", \"who'll\", \"whom\", \"whomever\", \"whos\", \"whose\", \"why\", \"widely\", \"willing\", \"wish\", \"with\", \"within\", \"without\", \"won't\", \"words\", \"world\", \"would\", \"wouldn't\", \"www\", \"x\", \"y\", \"yes\", \"yet\", \"you\", \"youd\", \"you'll\", \"your\", \"youre\", \"yours\", \"yourself\", \"yourselves\", \"you've\", \"z\", \"zero\"];\n    for (var i = 0; i &lt; words.length; i++) {\n     \n      if (stopWords.indexOf(words[i].toLowerCase()) === -1 &amp;&amp; isNaN(words[i])) {\n        nonStopWords.push(words[i].toLowerCase());\n      }\n    }\n    \n    var keywords = {};\n    for (var i = 0; i &lt; nonStopWords.length; i++) {\n     \n      if (nonStopWords[i] in keywords) {\n        keywords[nonStopWords[i]] += 1;\n      } else {\n        keywords[nonStopWords[i]] = 1;\n      }\n    }\n\n    \n    var sortedKeywords = [];\n    for (var keyword in keywords) {\n      sortedKeywords.push([keyword, keywords[keyword]])\n    }\n    sortedKeywords.sort(function(a, b) {\n      return b[1] - a[1]\n    });\n    \n\n    \n    topKeywords.innerHTML = \"\";\n    for (var i = 0; i &lt; sortedKeywords.length &amp;&amp; i &lt; 4; i++) {\n      var li = document.createElement('li');\n      li.innerHTML = \"&lt;b>\" + sortedKeywords[i][0] + \"&lt;\/b>: \" + sortedKeywords[i][1];\n      topKeywords.appendChild(li);\n    }\n  }\n\n  \n  if (words) {\n    keywordsDiv.style.display = \"block\";\n  } else {\n    keywordsDiv.style.display = \"none\";\n  }\n\n});\n\n\n &lt;\/script>\n &lt;\/body>\n&lt;\/html><\/pre><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Output for Word Count App in JavaScript:<\/h2>\n\n\n\n<script async=\"\" src=\"https:\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n<ins class=\"adsbygoogle\" style=\"display:block; text-align:center;\" data-ad-layout=\"in-article\" data-ad-format=\"fluid\" data-ad-client=\"ca-pub-9886351916045880\" data-ad-slot=\"2002566052\"><\/ins>\n<script>\n     (adsbygoogle = window.adsbygoogle || []).push({});\n<\/script>\n\n\n\n<p><strong>Video:<\/strong><\/p>\n\n\n\n<center>\n\n\n\n<figure class=\"wp-block-embed is-type-rich is-provider-embed-handler wp-block-embed-embed-handler\"><div class=\"wp-block-embed__wrapper\">\n<div style=\"width: 640px;\" class=\"wp-video\"><video class=\"wp-video-shortcode\" id=\"video-20760-1\" width=\"640\" height=\"360\" preload=\"metadata\" controls=\"controls\"><source type=\"video\/mp4\" src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Word-Counter.mp4?_=1\" \/><a href=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Word-Counter.mp4\">https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Word-Counter.mp4<\/a><\/video><\/div>\n<\/div><\/figure>\n\n\n\n<\/center>\n\n\n\n<p><strong>Image:<\/strong><\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full is-resized\"><img decoding=\"async\" data-src=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-143520.jpg\" alt=\"output for Word Count App in JavaScript\" class=\"wp-image-20763 lazyload\" width=\"721\" height=\"529\" data-srcset=\"https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-143520.jpg 931w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-143520-300x220.jpg 300w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-143520-768x563.jpg 768w, https:\/\/copyassignment.com\/wp-content\/uploads\/2022\/11\/Screenshot-2022-11-12-143520-675x495.jpg 675w\" data-sizes=\"(max-width: 721px) 100vw, 721px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 721px; --smush-placeholder-aspect-ratio: 721\/529;\" \/><\/figure>\n<\/div>\n\n\n<div style=\"text-align:center\" class=\"wp-block-atomic-blocks-ab-button ab-block-button\"><a href=\"https:\/\/copyassignment.com\/?s=javascript\" class=\"ab-button ab-button-shape-rounded ab-button-size-medium\" style=\"color:#ffffff;background-color:#3373dc\">JavaScript and web Projects<\/a><\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p><strong>Also Read:<\/strong><\/p>\n\n\n<ul class=\"wp-block-latest-posts__list is-grid columns-3 wp-block-latest-posts\"><li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/download-1000-projects-all-b-tech-programming-notes-job-resume-interview-guide-and-more-get-your-ultimate-programming-bundle\/\">Download 1000+ Projects, All B.Tech &#038; Programming Notes, Job, Resume &#038; Interview Guide, and More &#8211; Get Your Ultimate Programming Bundle!<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/what-is-web-development-for-beginners\/\">What is web development for beginners?<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/music-recommendation-system-in-machine-learning\/\">Music Recommendation System in Machine Learning<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/blood-bank-management-system-project-in-php\/\">Blood Bank Management System Project In PHP<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/100-java-projects-for-beginners-2023\/\">100+ Java Projects for Beginners 2023<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/chat-app-with-nodejs-and-socket-io\/\">Chat App with Node.js and Socket.io<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-doraemon-using-html-and-css\/\">Draw Doraemon using HTML and CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-house-using-html-and-css\/\">Draw House using HTML and CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/draw-dog-using-css\/\">Draw Dog using CSS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/rock-paper-scissor-in-html-css-javascript\/\">Rock Paper Scissor in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/pong-game-in-html-and-javascript\/\">Pong Game in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/tip-calculator-in-html-and-javascript\/\">Tip Calculator in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/calculator-in-html-css-javascript\/\">Calculator in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/bmi-calculator-in-html-css-javascript\/\">BMI Calculator in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/color-picker-in-html-and-javascript\/\">Color picker in HTML and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/number-guessing-game-in-javascript\/\">Number Guessing Game in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/atm-in-javascript\/\">ATM in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/inventory-management-system-in-javascript\/\">Inventory Management System in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/courier-tracking-system-in-html-css-and-js\/\">Courier Tracking System in HTML CSS and JS<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/word-count-app-in-javascript\/\">Word Count App in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/test-typing-speed-using-python-app\/\">Test Typing Speed using Python App<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/top-10-php-projects-with-source-code\/\">Top 10 PHP Projects with Source Code<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/to-do-list-in-html-css-javascript\/\">To-Do List in HTML CSS JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/tic-tac-toe-game-in-javascript\/\">Tic-Tac-Toe game in JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/music-player-using-html-css-and-javascript\/\">Music player using HTML CSS and JavaScript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/happy-diwali-in-javascript\/\">Happy Diwali in JavaSCript<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/top-15-machine-learning-projects-in-python-with-source-code\/\">Top 15 Machine Learning Projects in Python with source code<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/top-15-java-projects-for-resume\/\">Top 15 Java Projects For Resume<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/top-10-java-projects-with-source-code\/\">Top 10 Java Projects with source code<\/a><\/li>\n<li><a class=\"wp-block-latest-posts__post-title\" href=\"https:\/\/copyassignment.com\/top-100-python-projects-with-source-code\/\">Best 100+ Python Projects with source code<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>We will be creating a simple Word Count App in JavaScript. Every paragraph has words, every word has letters, were you ever curious about an&#8230;<\/p>\n","protected":false},"author":62,"featured_media":20774,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22,1939],"tags":[],"class_list":["post-20760","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-allcategorites","category-html-css-javascript-project","wpcat-22-id","wpcat-1939-id"],"_links":{"self":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts\/20760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/users\/62"}],"replies":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/comments?post=20760"}],"version-history":[{"count":0,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/posts\/20760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/media\/20774"}],"wp:attachment":[{"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/media?parent=20760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/categories?post=20760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/copyassignment.com\/wp-json\/wp\/v2\/tags?post=20760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}