<div class="char-counter-container">

    <h1>Text Analyzer</h1>

    <textarea id="inputText" placeholder="Type your text here..." oninput="analyzeText()"></textarea>

    <p id="charCount">Character count: 0</p>

    <p id="wordCount">Word count: 0</p>

    <p id="paragraphCount">Paragraph count: 0</p>

    <p id="sentenceCount">Sentence count: 0</p>

    <p id="uniqueWordCount">Unique word count: 0</p>

    <p id="repeatedWordCount">Repeated word count: 0</p>


    <script>

        function analyzeText() {

            const inputText = document.getElementById('inputText').value.trim();


            // Menghitung total karakter

            const charCount = inputText.length;

            document.getElementById('charCount').textContent = `Character count: ${charCount}`;


            // Menghitung total kata

            const words = inputText.match(/\b\w+\b/g) || [];

            const wordCount = words.length;

            document.getElementById('wordCount').textContent = `Word count: ${wordCount}`;


            // Menghitung total paragraf

            const paragraphs = inputText.split(/\n+/).filter(paragraph => paragraph.trim() !== "");

            const paragraphCount = paragraphs.length;

            document.getElementById('paragraphCount').textContent = `Paragraph count: ${paragraphCount}`;


            // Menghitung total kalimat

            const sentences = inputText.match(/[^.!?]+[.!?]+/g) || [];

            const sentenceCount = sentences.length;

            document.getElementById('sentenceCount').textContent = `Sentence count: ${sentenceCount}`;


            // Menghitung kata unik dan kata yang diulang

            const wordFrequency = {};

            words.forEach(word => {

                word = word.toLowerCase();

                wordFrequency[word] = (wordFrequency[word] || 0) + 1;

            });

            

            const uniqueWordCount = Object.keys(wordFrequency).length;

            const repeatedWordCount = Object.values(wordFrequency).filter(count => count > 1).length;

            document.getElementById('uniqueWordCount').textContent = `Unique word count: ${uniqueWordCount}`;

            document.getElementById('repeatedWordCount').textContent = `Repeated word count: ${repeatedWordCount}`;

        }

//Follow IG @andankurniawan_

    </script>

</div>