leanwebclub/js-essentials/announcing-count/index.html

21 lines
676 B
HTML

<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css">
<title>Character count</title>
</head>
<body>
<h1>Character and Word Count</h1>
<label for="text">Enter your text below.</label>
<textarea id="text"></textarea>
<p area-live="polite">You've written <strong><span id="word-count">0</span>
words</strong> and <strong><span id="character-count">0</span>
characters</strong>.</p>
<script src="script.js"></script>
</body>
</html>