script.js

const searchtext = document.getElementById("tx");

async function fetchNews(category) {
    try {
        const url = `https://saurav.tech/NewsAPI/top-headlines/category/${category}/in.json`;
        const response = await fetch(url);
        const data = await response.json();

        const newsList = document.getElementById('news-list');
        newsList.innerHTML = '';

        if (data.articles) {
            data.articles.forEach(article => {
                const articleElement = document.createElement('div');
                articleElement.classList.add('article');
                articleElement.innerHTML = `
                    <h2>${article.title}</h2>
                    <p>${article.description}</p>
                    <img src="${article.urlToImage}" alt="${article.title}">
                    <a href="${article.url}" target="_blank">Read more</a>
                `;
                newsList.appendChild(articleElement);
            });
        } else {
            console.error('Error fetching news:', data.message || 'Unknown error');
        }
    } catch (error) {
        console.error('Error fetching news:', error);
    }
}

document.addEventListener('DOMContentLoaded', function () {
    fetchNews('general'); 

    const navLinks = document.querySelectorAll('nav a');
    navLinks.forEach(link => {
        link.addEventListener('click', function (event) {
            event.preventDefault();
            const category = this.getAttribute('href').substring(1);
            fetchNews(category);
        });
    });

    const searchButton = document.getElementById("btn");
    searchButton.addEventListener("click", () => {
        const category = searchtext.value;
        if (!category) return;
        fetchNews(category);
    });
});