const API_KEY = 'AIzaSyDpFEmtZBysG5NyYmO9btNtQfANG9wP938'; // Sua chave aqui function openTab(tabName) { document.querySelectorAll(".tab-content").forEach((tab) => { tab.classList.remove("active"); }); document.querySelectorAll(".tab-button").forEach((btn) => { btn.classList.remove("active"); }); document.getElementById(tabName).classList.add("active"); event.target.classList.add("active"); } // Pesquisa document.getElementById("searchBtn").addEventListener("click", async () => { const query = document.getElementById("searchInput").value; const resultsDiv = document.getElementById("searchResults"); resultsDiv.innerHTML = "

Buscando...

"; try { const response = await fetch( `https://www.googleapis.com/youtube/v3/search?part=snippet&q=${encodeURIComponent(query)}&maxResults=5&type=video&key=${API_KEY}` ); const data = await response.json(); resultsDiv.innerHTML = ""; for (const item of data.items) { const videoId = item.id.videoId; const detailsRes = await fetch( `https://www.googleapis.com/youtube/v3/videos?part=statistics,snippet&id=${videoId}&key=${API_KEY}` ); const detailsData = await detailsRes.json(); const video = detailsData.items[0]; const title = video.snippet.title; const channel = video.snippet.channelTitle; const thumbnail = video.snippet.thumbnails.medium.url; const views = video.statistics.viewCount; const publishedAt = new Date(video.snippet.publishedAt).toLocaleString(); resultsDiv.innerHTML += `
${title}

${title}

Canal: ${channel}

Visualizações: ${views}

Publicado em: ${publishedAt}

`; } } catch (err) { resultsDiv.innerHTML = "

Erro ao buscar vídeos.

"; console.error(err); } }); // Nichos em Alta document.addEventListener("DOMContentLoaded", () => { const trendingContainer = document.getElementById("trendingResults"); trendingContainer.innerHTML = "

Buscando vídeos em alta...

"; fetch(`https://www.googleapis.com/youtube/v3/videos?part=snippet,statistics&chart=mostPopular®ionCode=BR&maxResults=10&key=${API_KEY}`) .then(res => res.json()) .then(data => { trendingContainer.innerHTML = ""; data.items.forEach(video => { const title = video.snippet.title; const channel = video.snippet.channelTitle; const thumbnail = video.snippet.thumbnails.medium.url; const views = video.statistics.viewCount; const publishedAt = new Date(video.snippet.publishedAt).toLocaleString(); const videoId = video.id; trendingContainer.innerHTML += `
${title}

${title}

Canal: ${channel}

Visualizações: ${views}

Publicado em: ${publishedAt}

`; }); }) .catch(err => { trendingContainer.innerHTML = "

Erro ao carregar vídeos em alta.

"; console.error(err); }); });