Thursday, December 10, 2015

Kode Javascript untuk Membersihkan Textarea

Kode Membersihkan Textarea dengan Javascript

Assalamu' alaikum warohmatullahi wabarokatuh. Baiklah dalam posting kali ini saya akan membahas mengenai kode javascript untuk membersihkan texarea. Posting ini terispirasi ketika saya memperbaiki halaman HTML Editor blog ini. Pertama-tama sobat perlu memahami disini kita akan menggunakan dua jenis pengkodean, yang pertama adalah HTML dan JavaScript (kita sebut JS), JS merupakan bahasa pemrograman web yang tidak berdiri sendiri, JS digunakan bersama dengan HTML.

Terlebih dahulu kita akan membangun kode HTML nya. Kita memerlukan text area dan tombol, tombol untuk membersihkan text area tersebut. Kira-kira kodenya seperti ini.

<input type="button" value="Clear" onclick="javascript:eraseText();"/> 
<textarea id='output' rows=20 cols=90></textarea>

Setelah itu kita pasang fungsi javascript pada kode diatas, kita memerlukan kode javascript seperti berikut ini.

function eraseText() {
    document.getElementById("output").value = "";
}

Lalu kita masukkan kode javascript tersebut kedalam tag script di HTML. Sehingga kode diatas akan menjadi seperti berikut ini.

<script>
function eraseText() {
    document.getElementById("output").value = "";
}
</script>

Selanjutnya kita letakkan kedua kode HTML diatas, sehingga hasil akhirnya akan menjadi seperti kode berikut ini.

<input type="button" value="Clear" onclick="javascript:eraseText();"/> 
<textarea id='output' rows=20 cols=90></textarea>
<script>
function eraseText() {
    document.getElementById("output").value = "";
}
</script>

Sebelum memasang kode HTML tersebut di blog atau website, anda bisa mencoba menggunakan kode tersebut pada halaman HTML Editor yang merupakan halaman blog ini.

Mungkin cukup sekian, jika ada hal yang kurang dipahami sobat bisa mengajukan tanggapan pada kotak komentar yang ada dibawah, atau bisa juga melalui halaman contact yang dapat dibuka melalui menu blog yang ada dibagian paling atas. Terima kasih, assalamu 'alaikum.

Sumber : https://stackoverflow.com/questions/15968911/how-to-clear-text-area-with-a-button-in-html-using-javascript
Disqus Comment
Parse Tool