Meta Tag Generator SEO Canggih - Warkasa1919
`;
document.getElementById("output").textContent = meta.trim(); // Gunakan .trim() untuk menghilangkan baris kosong awal
}
/**
* FUNGSI 3: Menyalin Kode
*/
function copyMeta() {
const outputElement = document.getElementById("output");
let text = outputElement.textContent.trim();
if (text === "Hasil kode Meta Tag akan muncul di sini...") {
alert("Tidak ada kode untuk disalin. Harap buat Meta Tag terlebih dahulu.");
return;
}
navigator.clipboard.writeText(text).then(() => {
alert("✅ Meta Tag berhasil disalin ke clipboard!");
}).catch(err => {
console.error('Gagal menyalin: ', err);
alert("❌ Gagal menyalin kode. Browser Anda mungkin tidak mendukung fitur ini.");
});
}
/**
* FUNGSI 4: Membersihkan Formulir
*/
function clearForm() {
document.getElementById("title").value = '';
document.getElementById("desc").value = '';
document.getElementById("keywords").value = '';
document.getElementById("url").value = '';
document.getElementById("image").value = '';
document.getElementById("author").value = '';
document.getElementById("output").textContent = "Hasil kode Meta Tag akan muncul di sini...";
updateCharCount();
alert("Formulir telah dibersihkan!");
}
/**
* FUNGSI 5 (Tambahan Canggih): Menampilkan Hitungan Karakter
*/
function updateCharCount() {
const titleInput = document.getElementById("title");
const descTextarea = document.getElementById("desc");
// Fungsi bantu untuk menampilkan hitungan
const appendCount = (element) => {
const maxLength = element.getAttribute('maxlength');
if (maxLength) {
let countSpan = document.querySelector(`span[data-for="${element.id}"]`);
if (!countSpan) {
countSpan = document.createElement('span');
countSpan.setAttribute('data-for', element.id);
countSpan.style.cssText = 'float: right; font-size: 0.8em; color: #777;';
element.previousElementSibling.appendChild(countSpan);
}
const currentLength = element.value.length;
countSpan.textContent = `(${currentLength}/${maxLength})`;
countSpan.style.color = currentLength > maxLength - 10 ? 'red' : '#777';
}
};
appendCount(titleInput);
appendCount(descTextarea);
}
.webp)