Create script.js

script.js

@@ -0,0 +1,61 @@
+document.addEventListener('DOMContentLoaded', () => {
+    const searchInput = document.getElementById('search-input');
+    const searchButton = document.getElementById('search-button');
+    const resultsContainer = document.getElementById('results');
+
+    searchButton.addEventListener('click', performSearch);
+    searchInput.addEventListener('keypress', (e) => {
+        if (e.key === 'Enter') {
+            performSearch();
+        }
+    });
+
+    async function performSearch() {
+        const query = searchInput.value;
+        if (!query) return;
+
+        resultsContainer.innerHTML = '<p>Загрузка результатов...</p>';
+
+        try {
+            const response = await fetch(`https://cors-anywhere.herokuapp.com/https://www.google.com/search?q=${encodeURIComponent(query)}&tbm=search`);
+            const html = await response.text();
+            const parser = new DOMParser();
+            const doc = parser.parseFromString(html, 'text/html');
+
+            displayResults(doc);
+        } catch (error) {
+            console.error('Error fetching search results:', error);
+            resultsContainer.innerHTML = '<p>Произошла ошибка при поиске. Пожалуйста, попробуйте еще раз.</p>';
+        }
+    }
+
+    function displayResults(doc) {
+        resultsContainer.innerHTML = '';
+
+        const searchResults = doc.querySelectorAll('.g');
+
+        if (searchResults.length === 0) {
+            resultsContainer.innerHTML = '<p>Результаты не найдены.</p>';
+            return;
+        }
+
+        searchResults.forEach((result, index) => {
+            const title = result.querySelector('h3')?.textContent;
+            const link = result.querySelector('a')?.href;
+            const snippet = result.querySelector('.VwiC3b')?.textContent;
+
+            if (title && link && snippet) {
+                const resultItem = document.createElement('div');
+                resultItem.classList.add('result-item');
+                resultItem.style.animationDelay = `${index * 0.1}s`;
+
+                resultItem.innerHTML = `
+                    <h2><a href="${link}" target="_blank">${title}</a></h2>
+                    <p>${snippet}</p>
+                `;
+
+                resultsContainer.appendChild(resultItem);
+            }
+        });
+    }
+});