word-count/index.html at main · antonypaquay/word-count · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html lang="en">

<head>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Dosis&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="./styles.css">
    <title>Word Count App</title>
</head>

<body>
    <div class="container">
        <textarea id="user-input" name="userinput" rows="4" cols="50" maxlength="200"></textarea>
        <div class="legend">
            <p>Word count: <span id="count-word">0</span></p>
            <p>Character count: <span id="count-character">0</span> / 200</p>
            <p>Longest word: <span id="longest-word">-</span></p>
        </div>
    </div>
    <script type="text/javascript" src="./main.js"></script>
</body>

</html>