Membuat tombol jawab di postingan biasanya sangat diperlukan untuk menyembunyikan jawaban atas pertanyaan misalnya teka-teki, tes kecerdasan, dan lain-lain. Kali ini saya akan memberikan tips/cara membuat tombol jawab tersebut.
1. Buat Artikel baru sebagai contoh.
2. Klik HTML.
3. Copy Paste kode dibawah ini kedalam HTML.
<div>
<div style="margin-bottom: 2px;">
<input onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = ''; this.innerText = ''; this.value = 'Sembunyikan'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value = 'Jawab'; }" style="font-size: 10px; margin: 0px; padding: 0px; width: 80px;" type="button" value="Jawab" /></div>
<div style="border: 0px inset; margin: 0px; padding: 6px;">
<div style="display: none;">
<b>Jawaban</b>
</div>
</div>
</div>
|
|---|
4. Tulis Jawaban anda di kode berwarna merah.
5. Save dan lihat Hasilnya.
ARTIKEL TERKAIT:
.png)
Tidak ada komentar