Die code gaat sowieso niet werken. Er zitten een aantal problemen in, eerst die in de HTML.
1) Je <form> heeft geen aflsuitende tag.
2) De Javascript functie wordt bij submit aangeroepen, maar je hebt geen submit knop (type="submit") alleen een gewone knop.
3) Het ID van je textarea is verkeerd gespeld, niet echt een probleem omdat je er toch niets mee doet, maar het is wel iets waar je op moet letten.
In je Javascript.
1) Je functie vraagt om drie variabelen, die echter nergens worden ingevoerd.
2) Je functie staat tussen (), dit moeten {} zijn.
3) De search() functie geeft alleen aan waar in de tekst het eerste resultaat staat, daar heb je dus niets aan.
4) Je gebruikt document.write, dit resulteert in een compleet lege pagina met alleen de inhoud van document.write er in, niet echt gebruiksvriendelijk voor je bezoekers.
Je moet je eigenlijk even inlezen in regular expressions en de functies die daar bij horen.
Nou was ik me toch aan het vervelen, dus ik heb wat voor je in elkaar gedraaid.
Eerst de HTML:
HTML:
<!DOCTYPE html>
<html lang="nl">
<head>
<title>My Javascript Page</title>
</head>
<body>
<form>
<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>
</body>
</html>
Het verschil met jouw HTML is dat de scantext functie wordt aangeroepen door onlick, op de knop.
En het script zelf:
Code:
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
}
}
Voor de werking, zie het commentaar. De match() functie levert trouwens een array op met daarin de gevonden stukken tekst, de lengte van de array is dus in dit geval het aantal gevonden woorden.
Hier staat een demo.
EDIT: er zijn ongetwijfeld andere/betere manieren om dit te doen, maar deze manier werkt in elk geval voor zover ik kan zien.
