Obtener Trending Posts de Reddit

Obtiene los trending posts de Reddit y los muestra en una página
当前为 2023-06-03 提交的版本，查看最新版本。
换行
// ==UserScript==
// @license MIT
// @name         Obtener Trending Posts de Reddit
// @namespace    https://www.example.com
// @version      1.0.1
// @description  Obtiene los trending posts de Reddit y los muestra en una página
// @author       Tu Nombre
// @match        https://www.reddit.com/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Función para obtener los trending posts de Reddit
    function getTrendingPosts() {
        fetch('https://www.reddit.com/r/all.json')
            .then(response => response.json())
            .then(data => {
                // Limpiamos el contenido anterior
                const trendingPostsElement = document.getElementById('trendingPosts');
                if (trendingPostsElement) {
                    trendingPostsElement.innerHTML = '';
                }

                // Recorremos los trending posts y los mostramos en la página
                data.data.children.forEach(post => {
                    const postTitle = post.data.title;
                    const postAuthor = post.data.author;
                    const postScore = post.data.score;

                    const postElement = document.createElement('p');
                    postElement.innerHTML = `<strong>${postTitle}</strong> - Autor: ${postAuthor} - Puntuación: ${postScore}`;
                    if (trendingPostsElement) {
                        trendingPostsElement.appendChild(postElement);
                    }
                });
            })
            .catch(error => {
                console.log('Ha ocurrido un error:', error);
            });
    }

    // Crear el botón de Trending Posts
    function createTrendingButton() {
        const buttonElement = document.createElement('button');
        buttonElement.id = 'getTrendingBtn';
        buttonElement.textContent = 'Obtener Trending Posts';
        buttonElement.addEventListener('click', getTrendingPosts);

        const headerElement = document.querySelector('header');
        if (headerElement) {
            headerElement.appendChild(buttonElement);
        }
    }

    // Verificar si estamos en una página de Reddit
    const isRedditPage = window.location.hostname === 'www.reddit.com';
    if (isRedditPage) {
        // Crear la estructura de la página
        const containerElement = document.createElement('div');
        containerElement.className = 'container';
        containerElement.innerHTML = `
            <h1>Trending Posts de Reddit</h1>
            <div id="trendingPosts"></div>
        `;
        document.body.appendChild(containerElement);

        // Crear el botón de Trending Posts
        createTrendingButton();
    }
})();