Search
// Load the Google Custom Search API client library
(function() {
var cx = 'YOUR_CUSTOM_SEARCH_ENGINE_ID';
var apiKey = 'YOUR_API_KEY';
var searchForm = document.getElementById('searchForm');
var searchInput = document.querySelector('input[name="q"]');
var searchResults = document.getElementById('searchResults');
searchForm.addEventListener('submit', function(event) {
event.preventDefault();
searchResults.innerHTML = '';
var query = searchInput.value;
var request = gapi.client.customsearch.cse.list({
cx: cx,
q: query,
auth: apiKey,
});
request.execute(function(response) {
response.items.forEach(function(item) {
var title = item.title;
var link = item.link;
var snippet = item.snippet;
var div = document.createElement('div');
var a = document.createElement('a');
var h2 = document.createElement('h2');
var p = document.createElement('p');
a.href = link;
a.textContent = title;
a.target = '_blank';
a.rel = 'noopener noreferrer';
h2.appendChild(a);
p.textContent = snippet;
div.appendChild(h2);
div.appendChild(p);
searchResults.appendChild(div);
});
});
});
})(https://youtu.be/ygaAPWeTsSk);
Comments
Post a Comment