Cómo Extraer Tu Lista de Animes en Anime-Planet con JavaScript

Este script está diseñado para extraer la lista de animes que has visto en tu perfil de Anime-Planet y mostrarlos en formato de "Título (Año)". Te explico cómo funciona paso a paso:

Selección de elementos HTML: El script utiliza document.querySelectorAll() para seleccionar todos los elementos <td> de la página que contienen el título y el año de los animes vistos. En particular, selecciona aquellos que tienen las clases .tableTitle y .tableYear. Estas clases corresponden a los títulos de los animes y sus años de emisión en el perfil de Anime-Planet.
```
const titles = document.querySelectorAll('td.tableTitle');
const years = document.querySelectorAll('td.tableYear');
```
Creación de un array para almacenar los resultados: El script crea un array vacío llamado data, donde se almacenarán los animes en el formato "Título (Año)".
```
const data = [];
```
Recorrido de los elementos: Luego, el script recorre los elementos seleccionados (títulos y años) usando un ciclo for. En cada iteración, extrae el texto de cada título y año de anime, formatea el resultado como "Título (Año)" y lo agrega al array data.
```
for (let i = 0; i < titles.length; i++) {
  const title = titles[i].innerText || titles[i].textContent;
  const year = years[i].innerText || years[i].textContent;
  data.push(`${title} (${year})`);
}
```
Mostrar el resultado en la consola: Una vez que se ha completado el recorrido, el array data (que contiene todos los títulos de los animes junto con su año) se imprime en la consola en un formato legible.
```
console.log(data.join('\n'));
```
Mostrar el resultado en la página web (opcional): Como paso adicional, el script crea un nuevo elemento <div> en la página web que contiene el listado de animes extraídos. Esto lo hace mediante el uso de document.createElement() y luego inserta el contenido HTML generado en el cuerpo de la página con document.body.appendChild(output).
```
const output = document.createElement('div');
output.innerHTML = `<h3>Contenido extraído:</h3><pre>${data.join('\n')}</pre>`;
document.body.appendChild(output);
```

En resumen:

Este script permite obtener de forma automática todos los animes que has visto en Anime-Planet, mostrando cada uno de ellos en un formato claro de "Título (Año)", y tiene la opción de visualizar esta lista en la consola o en la misma página web. Ideal para quienes quieren tener un resumen rápido de sus animes vistos sin tener que copiar y pegar manualmente.

Codigo

// https://www.anime-planet.com/users/[TU USUARIO]/anime/watched Obtener todos los elementos td con la clase .tableTitle y .tableYear
const titles = document.querySelectorAll('td.tableTitle');
const years = document.querySelectorAll('td.tableYear');

// Crear un array para almacenar los resultados en formato "Titulo (Año)"
const data = [];

// Recorremos los nodos de title y year
for (let i = 0; i < titles.length; i++) {
  const title = titles[i].innerText || titles[i].textContent;
  const year = years[i].innerText || years[i].textContent;

  // Formateamos el resultado como "Titulo (Año)" y lo añadimos al array
  data.push(`${title} (${year})`);
}

// Mostrar el resultado en la consola
console.log(data.join('\n'));

// Opcional: Si quieres mostrar el resultado en la página web
const output = document.createElement('div');
output.innerHTML = `<h3>Contenido extraído:</h3><pre>${data.join('\n')}</pre>`;
document.body.appendChild(output);