📌 Generator postingan download
</>
<div class="generator">
<input type="text" id="nama" placeholder="NAMA">
<input type="text" id="gambar" placeholder="GAMBAR">
<input type="text" id="versi" placeholder="V2">
<input type="text" id="size" placeholder="SIZE">
<input type="text" id="developer" placeholder="DEVELOPER">
<input type="text" id="os" placeholder="OS">
<input type="text" id="update" placeholder="UPDATE">
<textarea id="deskripsi" placeholder="DESKRIPSI"></textarea>
<button onclick="generateCode()">Generate</button>
<textarea id="hasil" readonly placeholder="Hasil code muncul di sini..."></textarea>
<button onclick="copyCode()">Copy</button>
</div>
<script>
function generateCode() {
let nama = document.getElementById("nama").value;
let gambar = document.getElementById("gambar").value;
let versi = document.getElementById("versi").value;
let size = document.getElementById("size").value;
let developer = document.getElementById("developer").value;
let os = document.getElementById("os").value;
let update = document.getElementById("update").value;
let deskripsi = document.getElementById("deskripsi").value;
let hasil = `<!-- HEADER -->
<div class="card">
<div class="dl-title">Download Aplikasi ${nama} Versi Terbaru</div>
<p>Download aplikasi ${nama} versi terbaru dengan fitur lengkap dan ringan.</p>
<img class="dl-img" src="${gambar}">
</div>
<!-- INFO -->
<div class="card">
<h3>📌 Informasi File</h3>
<table class="dl-table">
<tr><td>Nama</td><td>${nama}</td></tr>
<tr><td>Versi</td><td>${versi}</td></tr>
<tr><td>Ukuran</td><td>${size}</td></tr>
<tr><td>Pengembang</td><td>${developer}</td></tr>
<tr><td>OS</td><td>${os}</td></tr>
<tr><td>Update</td><td>${update}</td></tr>
</table>
</div>
<!-- DESKRIPSI -->
<div class="card">
<h3>📝 Keterangan</h3>
<p>Aplikasi ini sudah dioptimalkan dengan performa tinggi dan tanpa iklan.</p>
<ul>
<li>✔ Ringan & cepat</li>
<li>✔ Tanpa iklan</li>
<li>✔ Support semua device</li>
</ul>
</div>
<!-- DOWNLOAD -->
<div class="card">
<button class="dl-btn" onclick="startDownload()" id="downloadBtn">Download Sekarang</button>
<div class="progress-box" id="progressBox">
<div class="status-text" id="statusText">Preparing...</div>
<div class="progress">
<div class="progress-bar" id="progressBar">0%</div>
</div>
</div>
</div>
<!-- DESKRIPSI -->
<div class="card">
<h3>📝 Tentang ${nama}</h3>
<p>${deskripsi}</p>
<!-- VERSION -->
<div class="card">
<h3>📦 Versi Lain</h3>
<div class="version-item">
<img src="${gambar}">
<div><b>${versi}</b> (Terbaru)</div>
</div>
<div class="version-item">
<img src="${gambar}">
<div><b>V1</b></div>
</div>
<div class="version-item">
<img src="${gambar}">
<div><b>V0</b></div>
</div>
<!-- FAQ -->
<div class="card">
<h3>❓ FAQ</h3>
<details>
<summary>Apakah file aman?</summary>
<p>Aman dan bebas virus.</p>
</details>
<details>
<summary>Kenapa harus tunggu?</summary>
<p>Untuk generate link download.</p>
</details>
</div>
<!-- INSTALL -->
<div class="card">
<h3>📖 Cara Install</h3>
<ol>
<li>Download file</li>
<li>Ekstrak jika ZIP</li>
<li>Install aplikasi</li>
</ol>
</div>
</div>`;
document.getElementById("hasil").value = hasil;
}
function copyCode() {
let hasil = document.getElementById("hasil");
hasil.select();
hasil.setSelectionRange(0, 999999);
navigator.clipboard.writeText(hasil.value);
alert("Code berhasil dicopy");
}
</script>
<style>
.generator{
display:flex;
flex-direction:column;
gap:10px;
}
.generator input,
.generator textarea{
padding:12px;
border:1px solid #ddd;
border-radius:10px;
font-size:14px;
outline:none;
}
.generator textarea{
min-height:180px;
resize:none;
}
.generator button{
padding:12px;
border:none;
border-radius:10px;
font-size:14px;
cursor:pointer;
}
</style>
Safelink-aza
No comments:
Post a Comment