Skip to content

Commit 5e65510

Browse files
author
codeblogger
committed
html, javascript
1 parent 87ad76a commit 5e65510

File tree

2 files changed

+105
-0
lines changed

2 files changed

+105
-0
lines changed

‎spam find/Screenshot_1.png‎

103 KB
Loading

‎spam find/spam_find.html‎

Lines changed: 105 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,105 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8" />
5+
<title>CARD GAME</title>
6+
<!-- <link rel="stylesheet" type="text/css" href="/main.css"> -->
7+
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css">
8+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
9+
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
10+
<meta name="viewport" content="width=device-width, initial-scale=1">
11+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
12+
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
13+
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
14+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
15+
</head>
16+
<body>
17+
18+
<div class="container">
19+
<div id="box">
20+
<h1 class="text-center mt-5 pb-3">Lorem Ipsum</h1>
21+
<p id="text" >
22+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac hendrerit neque.
23+
Phasellus cursus at neque in tempor. Vestibulum ante ipsum primis in faucibus
24+
orci luctus et ultrices posuere cubilia Curae; Maecenas lacinia ex ac nulla
25+
ullamcorper feugiat. Maecenas feugiat massa non mollis pellentesque. Integer
26+
malesuada nec nisi id pellentesque. Integer luctus, mauris vel volutpat commodo,
27+
arcu ligula viverra metus, ac tempor purus mi eget leo. Pellentesque bibendum
28+
ex quis blandit iaculis. Maecenas suscipit, arcu et mattis imperdiet, arcu ipsum
29+
lacinia tortor, eget pulvinar felis elit nec leo. Nunc quam dolor, pulvinar sit
30+
amet laoreet ac, varius pulvinar nisi. Praesent placerat faucibus mauris, sed
31+
ultricies libero finibus in. Nulla fringilla mattis quam, tincidunt congue libero
32+
auctor nec. Duis at luctus augue. Donec bibendum ornare felis, sed accumsan nulla.
33+
In nec sem posuere, luctus ante sed, porttitor massa.
34+
35+
In neque quam, vehicula quis lectus eget, elementum tincidunt nunc. Praesent
36+
commodo commodo urna fringilla tristique. Nunc ut lobortis enim. Etiam auctor
37+
sem quis quam venenatis convallis. Sed ex felis, pharetra eu maximus eget,
38+
euismod at elit. Duis massa nunc, fermentum a purus eget, suscipit vulputate
39+
dolor. Donec varius dignissim mattis. Vestibulum elementum in arcu cursus iaculis.
40+
Maecenas ullamcorper massa non eros egestas aliquam facilisis eget magna. Duis
41+
suscipit sem sit amet mauris ullamcorper aliquam ut non felis. Cras rhoncus
42+
consequat neque, vel elementum turpis ullamcorper sit amet. Interdum et malesuada
43+
fames ac ante ipsum primis in faucibus.
44+
45+
Nulla et fringilla mauris, sit amet fermentum lacus. Pellentesque sed nunc a quam
46+
convallis elementum. Vivamus vulputate elit et ante tristique, eget iaculis orci
47+
ultrices. Donec aliquam magna nec efficitur facilisis. Aenean dapibus nec diam
48+
eu bibendum. Sed at purus id augue semper semper. Sed non risus mauris. Proin
49+
finibus ac erat vitae mollis.
50+
51+
Donec sit amet dapibus arcu. Donec libero felis, suscipit vel mi ac, auctor
52+
gravida ante. Sed vehicula pharetra tempor. Suspendisse elementum facilisis
53+
odio in pulvinar. Fusce accumsan quis sem vitae tempus. Phasellus ultrices
54+
turpis auctor magna fermentum, at mollis ligula posuere. Suspendisse a elit
55+
a diam varius imperdiet et non tortor. Sed malesuada suscipit fringilla.
56+
Proin mollis tincidunt velit, et bibendum diam pellentesque ac. Duis dapibus
57+
mi non massa auctor commodo. Cras imperdiet ipsum in libero pretium, ac ornare
58+
lacus consequat. Praesent eleifend quam at mauris iaculis vulputate. Vestibulum
59+
in velit a arcu feugiat consequat vitae ac dolor. Suspendisse vitae nunc tellus.
60+
61+
Integer euismod consequat ex sed feugiat. Morbi sed sem in ipsum scelerisque
62+
elementum. Phasellus et tristique odio. Ut lacus dolor, tincidunt eget magna
63+
sed, dignissim lobortis risus. Vivamus volutpat vel dui ut elementum. Maecenas
64+
ultricies, erat sed egestas finibus, tellus nibh hendrerit sem, id imperdiet
65+
est lorem sit amet lacus. Quisque scelerisque nisl id sapien porttitor, tristique
66+
pharetra mi iaculis. Vestibulum ac arcu lobortis, posuere dolor non, condimentum
67+
est. Nam non efficitur nunc, fringilla sollicitudin ante. Curabitur quis metus
68+
tellus truecodes codeblogger codeblogger xxx xxx xxx.
69+
</p>
70+
<button type="button" class="btn btn-danger btn-lg btn-block">FIND SPAM</button>
71+
</div>
72+
</div>
73+
74+
<script>
75+
76+
function findSpam(txt) {
77+
let spamWords = ["codeblogger", "truecodes", "metus", "xxx"];
78+
let totalSpam = 0;
79+
if (!txt) return `no string...`;
80+
spamWords.forEach(word => {
81+
var re = new RegExp(word, "g");
82+
console.log(re);
83+
totalSpam += txt.toLowerCase().match(re).length;
84+
})
85+
return totalSpam;
86+
};
87+
88+
$("button").click(function() {
89+
let spamWords = ["codeblogger", "truecodes", "metus", "xxx"];
90+
var source = $("p").text();
91+
var newSource = source;
92+
for(let i = 0; i < spamWords.length; i++){
93+
if(source.toLowerCase().includes(spamWords[i])){
94+
newSource = newSource.replace(spamWords[i], '<span style="color:red;text-decoration:underline;">' + spamWords[i] + '</span>');
95+
result = 'This article has spam.';
96+
};
97+
};
98+
$("#text").html(newSource);
99+
alert(`Total spam: ${findSpam(source)}`);
100+
});
101+
102+
103+
</script>
104+
</body>
105+
</html>

0 commit comments

Comments
 (0)