JSFiddle - React, Tailwind, and code Playground
by glebcha
JavaScript
var main = document.querySelector('#main');
var searchResults = document.querySelectorAll('li.g');
var adsContainer = document.querySelector('.ads-container');
function compareAds(bingWord) {
var adsLists = document.querySelectorAll('li.ads-ad');
for (var i = 0; i < adsLists.length; i++) {
var adList = adsLists[i];
var adWord = adList.querySelector('h3').lastChild.querySelector('b');
if (adWord !== null) {
var keyWord = adWord.innerText;
if (keyWord == bingWord) {
adList.style.display = 'none';
};
}
}
}
/* Adding like-button for every search item */
function likeBtns() {
/* Loading Facebook JS SDK */ (function (d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s);
js.id = id;
js.src = "//connect.facebook.net/ru_RU/all.js#xfbml=1&appId=245201435607695";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
for (var i = 0; i < searchResults.length; i++) {
var searchResult = searchResults[i];
var heading = searchResult.querySelector('h3.r');
var content = searchResult.querySelector('.s');
var span = searchResult.querySelector('span.bl');
var link = searchResult.querySelector('a').href;
var fb_like = document.createElement('div');
fb_like.className = 'fb-like';
fb_like.style.padding = '0.5em 0 0.5em 0';
fb_like.setAttribute('data-href', link);
fb_like.setAttribute('data-width', '450');
fb_like.setAttribute('data-show-faces', 'true');
fb_like.setAttribute('data-send', 'false');
if (!span && content) {
content.insertBefore(fb_like, content.firstChild);
}
if (span && heading) {
searchResult.insertBefore(fb_like, searchResult.lastElementChild);
}
}
}
/* Loading Bing search...