-
Notifications
You must be signed in to change notification settings - Fork 2
/
keyword-check.html
67 lines (64 loc) · 1.68 KB
/
keyword-check.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Keyword check</title>
<style>
* {font-family:sans-serif;font-size:1em;}
.block {float:left;width:33%;}
.red {color:#FF3333;}
</style>
<script type="text/javascript">
function checkKeywords() {
var text = document.getElementById('text').value.toLowerCase();
var keywords = document.getElementById('keywords').value.toLowerCase().split('\n');
var result = "";
var number = 0;
length = keywords.length;
while(length--) {
if (text.indexOf(keywords[length])!=-1) {
number = occurrences(text, keywords[length]);
result += keywords[length] + "-> Found (" + number + ")<br />";
} else {
result += "<span class='red'>" + keywords[length] + "</span><br />";
}
}
document.getElementById('result').innerHTML = result;
}
function occurrences(string, subString, allowOverlapping) {
string += "";
subString += "";
if (subString.length <= 0) return (string.length + 1);
var n = 0,
pos = 0,
step = allowOverlapping ? 1 : subString.length;
while (true) {
pos = string.indexOf(subString, pos);
if (pos >= 0) {
++n;
pos += step;
} else break;
}
return n;
}
</script>
</head>
<body>
<h1>Check if text contains keywords</h1>
<div class="block">
<h2>Keywords</h2>
<textarea rows="20" cols="50" id="keywords"></textarea>
</div>
<div class="block">
<h2>Result</h2>
<p id="result"></p>
</div>
<div class="block">
<h2>Text</h2>
<textarea rows="20" cols="50" id="text" ></textarea><br />
</div>
<div style="clear:both;text-align:center;margin:auto;">
<button onclick="checkKeywords()">Check</button>
</div>
</body>
</html>