JSFiddle - React, Tailwind, and code Playground

by vivianregina

HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="styles.css">
    <title>Movie Links</title>
</head>
<body>
    <div class="container">
        <h1>Movie Links</h1>
        <ul id="linkList">
            <!-- Links will be populated here by JavaScript -->
        </ul>
    </div>
    <script src="script.js"></script>
</body>
</html>

CSS

body {
    font-family: Arial, sans-serif;
    background-color: #f0f0f0;
    margin: 0;
    padding: 0;
}

.container {
    width: 80%;
    margin: auto;
    padding: 20px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

h1 {
    text-align: center;
    color: #333;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    padding: 10px;
    margin: 10px 0;
    background-color: #e9e9e9;
    border-radius: 5px;
}

a {
    text-decoration: none;
    color: #007BFF;
}

a:hover {
    text-decoration: underline;
}

JavaScript

const links = [
    "https://bento.me/bureau749-hd-tw-2024",
    "https://bento.me/bureau-749-tw-hk",
    "https://bento.me/bureau-749-2024-twhk",
    "https://bento.me/the-volunteers-the-battle-of-life-and-death-2024-tw",
    "https://bento.me/the-volunteers-the-battle-of-life-and-death-2024-twhk",
    "https://bento.me/the-volunteers-the-battle-of-life-and-death-hd-tw-2024",
    "https://bento.me/the-wild-robot-2024-tw",
    "https://bento.me/the-wild-robot-2024-twhk",
    "https://bento.me/tw-the-wildrobot-fullversion-4k",
    "https://bento.me/venom-the-last-dance-2024-tw",
    "https://bento.me/venom-the-last-dance-2024-twhk",
    "https://bento.me/joker-folie-a-deux-2024-tw",
    "https://bento.me/joker-folie-a-deux-2024-twhk",
    "https://bento.me/joker-folie-a-deux-2024-uhd-1080p",
    "https://bento.me/assistir-coringa-delirio-a-dois-2024-filme-completo-em-portugues-dublado-gratis",
    "https://bento.me/assistir-filme-a-forja-o-poder-da-transformacao-2024-completo-online-dublado-e-legendado-gratis",
    "https://bento.me/martin-2024-tw",
    "https://www.facebook.com/TheSisters.Cam.vietsub/",
    "https://www.facebook.com/AForja.Filmes.online/",
    "https://www.facebook.com/CoringaDelirioaDois.filmes/",
    "https://factsplat.com/users/4ae02b0f-450d-4d5c-98ab-14e64f7248cd",
    "https://open.spotify.com/episode/4jEQEBiDhOGslUjgUWPxaF",
    "https://taplink.cc/coringadeirioadoisfilmes",
    "https://heylink.me/vivianregina/",
    "https://linkr.bio/coringadeirioadoisfilmes",
    "https://linktr.ee/coringadeirioadoisfilmes",
    "https://mez.ink/coringadeirioadoisfilmes",
    "http://magic.ly/CoringaDeirioaDoisfilmes",
    "https://linksome.me/coringadeirioadoisfilmes",
    "https://www.are.na/block/31186906",
    "https://bio.link/coringadeirioadois",
    "https://open.firstory.me/story/cm1w5hzcs09dz01u036oiaiwf",
    "https://coringadeirioadoisfilmes.hashnode.dev/assistir-coringa-delirio-a-dois-online2024-filme-competo-dublado-em-portugues",
   ...