✨ Bem-vindo ao meu espaço! ✨
Este blog é o diário de um otaku apaixonado por animes, tecnologia de mainframe e viagens.
Cada entrada é uma mistura única: relatos de viagem com fotos, filmes, links, artigos e desenhos, sempre buscando enriquecer a experiência de quem lê.
Sou quase um turista profissional: adoro dormir em uma cama diferente, acordar em um lugar novo e registrar tudo com minha câmera sempre à mão.
Entre uma viagem e outra, compartilho também reflexões sobre cultura otaku/animes
Translate
segunda-feira, 1 de janeiro de 2001
Lista de Anime a serem avaliadas
Com base na lista de URLs enviada no arquivo , você pode gerar automaticamente o nome da página a partir da própria URL e criar os links em HTML.
### HTML
```html
Lista de Animes
Meus Animes
```
### CSS
```css
body {
font-family: Arial, sans-serif;
margin: 20px;
background: #f5f5f5;
}
h1 {
color: #333;
}
.anime-link {
display: block;
padding: 10px;
margin: 5px 0;
background: white;
border-radius: 5px;
text-decoration: none;
color: #0066cc;
border-left: 4px solid #0066cc;
}
.anime-link:hover {
background: #eef5ff;
}
```
### JavaScript
```javascript
const urls = [
"https://animefire.plus/animes/arifureta-shokugyou-de-sekai-saikyou-2nd-season/12",
"https://animefire.plus/animes/arifureta-shokugyou-de-sekai-saikyou/9",
"https://animefire.plus/animes/death-march-kara-hajimaru-isekai-kyousoukyoku-dublado-todos-os-episodios",
"https://animefire.plus/animes/edens-zero-2nd-season-todos-os-episodios",
"https://animesbr.cc/anime/tensei-shitara-slime-datta-ken/",
"https://animesonlinecc.to/anime/isekai-shoukan-wa-nidome-desu/"
];
function extrairNome(url) {
let partes = url.split("/").filter(Boolean);
let slug = partes[partes.length - 1];
if (/^\d+$/.test(slug)) {
slug = partes[partes.length - 2];
}
return slug
.replace(/-/g, " ")
.replace(/\b\w/g, letra => letra.toUpperCase());
}
const container = document.getElementById("lista-animes");
urls.forEach(url => {
const link = document.createElement("a");
link.href = url;
link.target = "_blank";
link.className = "anime-link";
link.textContent = extrairNome(url);
container.appendChild(link);
});
```
### Exemplo do resultado gerado
```html
Arifureta Shokugyou De Sekai Saikyou 2nd Season
Death March Kara Hajimaru Isekai Kyousoukyoku Dublado Todos Os Episodios
Tensei Shitara Slime Datta Ken
```
O script identifica automaticamente quando a URL termina com um número de episódio (`/12`, `/9`, etc.) e usa o nome do anime como texto do link. Isso funciona para praticamente todas as URLs da sua lista.
Sem comentários:
Enviar um comentário