document.addEventListener("DOMContentLoaded", function() {
const data = [
"Apple",
"Banana",
"Orange",
"Mango",
"Pineapple",
"Grapes",
"Watermelon"
];
const searchInput = document.getElementById("searchInput");
const searchResults = document.getElementById("searchResults");
function search() {
const searchTerm = searchInput.value.toLowerCase();
const filteredData = data.filter(item => item.toLowerCase().includes(searchTerm));
renderResults(filteredData);
}
function renderResults(results) {
searchResults.innerHTML = "";
results.forEach(item => {
const li = document.createElement("li");
li.textContent = item;
searchResults.appendChild(li);
});
}
searchInput.addEventListener("input", search);
});
document.addEventListener("DOMContentLoaded", function() {
const data = [
"Event 1",
"Event 2",
"Event 3",
// Add your event names or data here
];
const searchInput = document.getElementById("searchInput");
const searchResults = document.getElementById("searchResults");
function search() {
const searchTerm = searchInput.value.toLowerCase();
const filteredData = data.filter(item => item.toLowerCase().includes(searchTerm));
renderResults(filteredData);
}
function renderResults(results) {
searchResults.innerHTML = "";
results.forEach(item => {
const li = document.createElement("li");
li.textContent = item;
searchResults.appendChild(li);
});
}
searchInput.addEventListener("input", search);
});