';
});
}
suggBox.innerHTML = output;
}
// Event listener for input keyup to trigger suggestions
document.getElementById('chemical-search').addEventListener('keyup', function(event) {
var query = event.target.value.trim();
if(query !== "") {
var suggestions = searchChemicals(query);
displaySuggestions(suggestions);
} else {
document.getElementById('suggestions').innerHTML = '';
}
// If the user presses Enter, trigger search
if (event.key === 'Enter') {
document.getElementById('search-btn').click();
document.getElementById('suggestions').innerHTML = '';
}
});
// Event listener to handle clicks on suggestion items
document.getElementById('suggestions').addEventListener('click', function(event) {
if(event.target && event.target.dataset.name) {
var selectedName = event.target.dataset.name;
document.getElementById('chemical-search').value = selectedName;
document.getElementById('suggestions').innerHTML = '';
}
});
// Trigger search on button click
document.getElementById('search-btn').addEventListener('click', function() {
var query = document.getElementById('chemical-search').value.trim();
if(query !== '') {
var results = searchChemicals(query);
displayResults(results);
} else {
document.getElementById('search-results').innerHTML = '
Please enter a search query.
';
}
});
});
