JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="nl">
    <head>
        <title>My Javascript Page</title>
    </head>
    <body>
        
        <form  name="form" action="google.nl">
        <p> Typ je commetaar </p>
        <textarea id="commentaar" rows="4" colums="40"></textarea><br/>
        
        <input type="button" onclick="scantext()" value="sumbit"/>
        </form>
        <div id="resultaten"></div>
 <script>
     function scantext()
     {
         var commentaar = document.getElementById("commentaar");
         var schrijfDiv = document.getElementById("resultaten"); //hier wordt het resultaat straks weergegeven.
         schrijfDiv.innerHTML = "";

         var tekst = commentaar.value;//de inhoud van de tekst
         var zoekWoorden = new Array("aap", "noot", "mies");//lijst van woorden waar nar gezocht wordt.
         var resultaten = new Array(); //hier wordt het resultaat naar weggeschreven
         
         var aantal = zoekWoorden.length;//de hoeveelheid woorden waar naar gezocht moet worden
         for (x = 0; x < aantal; x++)//een for loop om langs alle woorden te gaan.
         {
             reg = new RegExp("\\b"+zoekWoorden[x]+"\\b", 'gi');//voor het zoekwoord wordt een regular expression aangemaakt
             if(tekst.match(reg))//kijk of het woord gevonden wordt
             {
                 resultaten[x] = tekst.match(reg).length;//onthoud hoe vaak het gevonden wordt
             }
             else
             {
                 resultaten[x] = 0;//of zet het resultaat anders op nul
             }
            schrijfDiv.innerHTML += zoekWoorden[x]+" kwam "+resultaten[x]+" keer voor in de tekst <br/>";//toon  de resultaten van de zoekopdracht
         }         
     }
</script>
    </body>
</html>