|
2 | 2 | <html lang="en"> |
3 | 3 |
|
4 | 4 | <head> |
5 | | - <meta name="description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
6 | | -<meta name="keywords" content="character counter, JavaScript character count, text input length, basic JavaScript app, text counter" /> |
7 | | -<meta property="og:title" content="Character Counter" /> |
8 | | -<meta property="og:description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
9 | | -<meta property="og:image" content="https://coderespite.com/images/js-projects/character-counter.png" /> |
10 | | -<meta property="og:url" content="https://coderespite.com/projects/js-projects/character-counter" /> |
11 | | -<meta name="twitter:card" content="summary_large_image" /> |
12 | | -<meta name="twitter:title" content="Character Counter" /> |
13 | | -<meta name="twitter:description" content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
14 | | -<meta name="twitter:image" content="https://coderespite.com/images/js-projects/character-counter.png" /> |
| 5 | + <meta name="description" |
| 6 | + content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
| 7 | + <meta name="keywords" |
| 8 | + content="character counter, JavaScript character count, text input length, basic JavaScript app, text counter" /> |
| 9 | + <meta property="og:title" content="Character Counter" /> |
| 10 | + <meta property="og:description" |
| 11 | + content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
| 12 | + <meta property="og:image" content="https://coderespite.com/image/js-projects/character-counter.png" /> |
| 13 | + <meta property="og:url" content="https://coderespite.com/projects/js-projects/character-counter" /> |
| 14 | + <meta name="twitter:card" content="summary_large_image" /> |
| 15 | + <meta name="twitter:title" content="Character Counter" /> |
| 16 | + <meta name="twitter:description" |
| 17 | + content="Count characters efficiently with the Character Counter, a basic JavaScript application to track text input length." /> |
| 18 | + <meta name="twitter:image" content="https://coderespite.com/image/js-projects/character-counter.png" /> |
15 | 19 |
|
16 | 20 | <meta charset="UTF-8"> |
17 | 21 | <link rel="stylesheet" href="styles.css"> |
|
22 | 26 | <body> |
23 | 27 | <div class="main"> |
24 | 28 | <h1>Character Counter</h1> |
25 | | - <textarea name="character" id="character-set" rows="5" placeholder="Please write your text here..." maxlength="50"></textarea> |
| 29 | + <textarea name="character" id="character-set" rows="5" placeholder="Please write your text here..." |
| 30 | + maxlength="50"></textarea> |
26 | 31 | <div class="stat"> |
27 | 32 | <h3>Total Characters: <span id="total-char">0</span></h3> |
28 | 33 | <h3>Remaining: <span id="rem-char">50</span></h3> |
|
0 commit comments