Add Semantic tags and div's

tajulafreen · tajulafreen · commit acaa7dc73a0b · 2024-07-14T01:07:22.000+05:30
diff --git a/Source-Code/WordCounter/index.html b/Source-Code/WordCounter/index.html
@@ -7,6 +7,28 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <div class="container">
+        <h1>Word Counter</h1>
+        <textarea placeholder="Enter your text here..."></textarea>
+        <div class="output row">
+          <div>Characters: <span id="characterCount">0</span></div>
+          <div>Words: <span id="wordCount">0</span></div>
+        </div>
+        <div class="output row">
+          <div>Sentences: <span id="sentenceCount">0</span></div>
+          <div>Paragraphs: <span id="paragraphCount">0</span></div>
+        </div>
+        <div class="output row">
+          <div>Reading Time: <span id="readingTime">0</span></div>
+          <div id="readability">Show readability score.</div>
+        </div>
+        <div class="keywords">
+          Top keywords:
+          <ul id="topKeywords">
+          </ul>
+        </div>
+      </div>
+
     <script src="script.js"></script>
 </body>
 </html>
