ArkReCode/index.html

<!DOCTYPE html>
<html lang="id">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Ark Re Code Scraper</title>
  <link rel="stylesheet" href="style.css">
  <script src="https://cdn.jsdelivr.net/npm/hls.js@latest"></script>
</head>
<body>
  <!-- Background Video -->
  <video id="bgVideo" autoplay loop muted>
    <source src="https://video.twimg.com/ext_tw_video/1892164405464629249/pu/vid/avc1/1280x720/cgW9XdNOX1DPI6Rq.mp4" type="video/mp4">
  </video>

  <div class="container">
    <h1>Ark Re Code Scraper</h1>
    <label for="charName">Cari Karakter:</label>
    <input type="text" id="charName" placeholder="Masukkan nama karakter...">
    <button onclick="fetchData()">Cari</button>
    <br>
    <div id="charButtons"></div>
  </div>

  <!-- Tempat Video Ditampilkan -->
  <div id="videoWrapper"></div>

  <script src="script.js"></script>
</body>
</html>