#Searchinput {
Width: 90%;
Padding: 5Px;
Border-Radius: 5Px;
}
#Searchresults .Beta{
Margin-Left:3Px;
}
Duo Chord , Koleksi Kord Gitar Duo Untuk Peminat Muzik Duo .
Arab & Aidit
Azhael
Dinie & Khai
Edry & Azmi
H
Hani Dan Zue
I
J
K
L
M
N
Nurul Dan Ajai
O
P
Q
R
Ratu
S
T
Sleeq
The Mirza
U
V
W
X
Y
Z
Yovie Dan Nuno
Const Links = Array.from(Document.queryselectorall('.Beta A')).Map(A => ({ Text: A.textcontent, Href: A.href }));
Document.getelementbyid('Searchinput').Addeventlistener('Input', Function() {
Const Query = This.value.trim().Tolowercase();
Const Results = Links.filter(Link => Link.text.tolowercase().Includes(Query) | |Link.href.tolowercase().Includes(Query));
Const Searchresultsdiv = Document.getelementbyid('Searchresults');
Searchresultsdiv.innerhtml = '';
Results.foreach(Result => {
Const P = Document.createelement('Span');
Const A = Document.createelement('A');
A.textcontent = Result.text;
A.href = Result.href;
A.target = '_Blank'; // Open Link In A New Tab
P.appendchild(A);
P.classlist.add('Beta');
Searchresultsdiv.appendchild(P);
});
If (Query === '') {
Searchresultsdiv.innerhtml = ''; // Empty The Results If The Search Query Is Empty
}
});
