character_counter.html

<div>
    <h1>Character Counter for Text Area Element Using JavaScript</h1>
    <section id="character-counter-container">
        <form>
            <label>Message</label>
            <textarea name="message" id="message" class="textarea" rows="10" placeholder="Write a message.." maxlength="300"></textarea>
            <div id="character-counter">
                <span id="typed-characters">0</span>
                <span>/</span>
                <span id="maximum-characters">300</span>
            </div>
            <button class="button">Send Message</button>
        </form>
    </section>
</div>