Search wikipedia code example
Example 1: wikipedia
"The only true wisdom is in knowing you know nothing.",
Not even wikipedia is gonna change that
Example 2: Search wikipedia
// JavaScript Document
let resultsList = document.getElementById('resultsList');
let searchForm = document.getElementById('searchForm');
let searchInput = document.getElementById('searchInput');
searchForm.addEventListener('submit', (e)=> {
e.preventDefault();
displaySearchResults(searchInput.value);
})
function displaySearchResults(x){
let url = `https://en.wikipedia.org/w/api.php?action=query&list=search&prop=info&inprop=url&utf8=&format=json&origin=*&srlimit=20&srsearch=${x}`;
console.log(url);
fetch(url)
.then(function(response) {
return (response.json());
})
.then(function(data){
let resultsArray = data.query.search;
resultsOnPage(resultsArray);
})
.catch(function () {
console.log('An error occured');
});
}
function resultsOnPage(myArray){
resultsList.innerHTML = " ";
resultsList.insertAdjacentHTML('beforeend', `Search Results for ${searchInput.value}
`);
myArray.forEach(function(item){
let itemTitle = item.title;
let itemSnippet = item.snippet;
let itemUrl = encodeURI(`https://en.wikipedia.org/wiki/${item.title}`);
resultsList.insertAdjacentHTML('beforeend',
``
);
})
}