-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.js
70 lines (60 loc) · 2.39 KB
/
index.js
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
68
69
70
let data;
let searchBar = document.getElementById("searchQueryInput");
let searchButton = document.getElementById("searchQuerySubmit");
let page1 = document.getElementById("page1");
let page2 = document.getElementsByClassName("page2");
let secureLock = document.getElementById("secureLock");
let websiteName = document.getElementById("di211");
let ratingDescription = document.getElementById("di221");
let proDiscBlock = document.getElementById("dprodisc2");
let di22 = document.getElementById("di22");
let dprodisc21 = document.getElementById("dprodisc21");
let dFunFactText2 = document.getElementById("dFunFactText2");
let dfunFact2 = document.getElementById("dfunFact2");
let dSummary2 = document.getElementById("dSummary2");
let dSummary2Text = document.getElementById("dSummary2Text");
let githubLink = document.getElementById("githubLink");
function getSearchParams() {
const params = new URLSearchParams(window.location.search);
return params.get('s');
}
function loadSearchResult() {
const searchTerm = getSearchParams();
if (searchTerm) {
searchBar.value = searchTerm;
searchSite();
}
}
function searchSiteEnter(evt) {
if (evt.key == "Enter") {
searchSite();
}
}
function searchSite() {
var searchTerm = searchBar.value.toLowerCase();
if (!data[searchTerm]) {
alert("No info found. You can contribute on the GitHub, or submit an issue.");
return;
}
page1.style.display = "none";
page2[0].style.display = "block";
secureLock.style.display = "inline";
websiteName.innerHTML = data[searchTerm].URL;
document.getElementById("irating2").src = data[searchTerm].ratingImage;
ratingDescription.innerHTML = data[searchTerm].ratingDisc;
proDiscBlock.style.display = "inline-block";
dprodisc21.innerHTML = data[searchTerm].providedDescription;
dFunFactText2.innerHTML = data[searchTerm].funFact;
dfunFact2.style.display = "inline-block";
dSummary2.style.display = "inline-block";
dSummary2Text.innerHTML = data[searchTerm].summary;
githubLink.style.display = "none";
}
searchBar.addEventListener("keypress", searchSiteEnter);
searchButton.addEventListener("click", searchSite);
fetch('https://raw.githubusercontent.com/GustyCube/SafeSearch/main/data.json')
.then((response) => response.json())
.then((json) => {
data = json;
loadSearchResult(); // Call this function after data is loaded
});