Baiklah dalam posting kali ini saya akan membahas mengenai aba-aba j4vascript untuk membersihkan texarea. Posting ini terispirasi dikala saya memperbaiki halaman HTML Editor blog ini. Pertama-tama kau perlu memahami disini kita akan memakai dua jenis pengkodean, yang pertama yaitu HTML dan JavaScript (kita sebut JS), JS merupakan bahasa pemrograman web yang tidak berdiri sendiri, JS dipakai bersama dengan HTML.
Terlebih dahulu kita akan membangun aba-aba HTML nya. Kita memerlukan input textarea dan tombol, tombol untuk membersihkan textarea tersebut. Kira-kira kodenya menyerupai ini.
Bagian yang ditandai tersebut merupakan bab utama dari "pembersih" input textarea. Kaprikornus aba-aba yang ditandai tersebut dapat kau letakkan di kawasan lain yang kau inginkan semoga dikala di-klik, maka semua teks di textarea akan terhapus. Setelah itu kita pasang fungsi j4vascript pada aba-aba diatas, kita memerlukan aba-aba j4vascript menyerupai berikut ini.
Perhatikan bab
Selanjutnya kita letakkan kedua aba-aba HTML diatas, sehingga hasil balasannya akan menjadi menyerupai aba-aba berikut ini.
Itulah beberapa langkah yang dapat kau lakukan untuk menciptakan tombol pembersih textarea atau textbox dengan memakai j4vascript. Semoga artikel ini dapat bermanfaat. Jika ada hal yang kurang jelas, maka jangan sungkan untuk menawarkan komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan hingga jumpa!
Sumber http://www.maringngerrang.com/
Terlebih dahulu kita akan membangun aba-aba HTML nya. Kita memerlukan input textarea dan tombol, tombol untuk membersihkan textarea tersebut. Kira-kira kodenya menyerupai ini.
<input type="button" value="Clear" onclick="j4vascript:eraseText();"/> <textarea id='output' rows=20 cols=90></textarea>
Bagian yang ditandai tersebut merupakan bab utama dari "pembersih" input textarea. Kaprikornus aba-aba yang ditandai tersebut dapat kau letakkan di kawasan lain yang kau inginkan semoga dikala di-klik, maka semua teks di textarea akan terhapus. Setelah itu kita pasang fungsi j4vascript pada aba-aba diatas, kita memerlukan aba-aba j4vascript menyerupai berikut ini.
function eraseText() { document.getElementById("output").value = ""; }Perhatikan bab
output. Itu merupakan nama "id" dari input textarea yang ada di atas. Kaprikornus contohnya kau ingin menggunakannya pada textbox atau yang lain, cukup tambahkan id="output". Lalu kita masukkan aba-aba j4vascript tersebut kedalam tag script di HTML. Sehingga aba-aba diatas akan menjadi menyerupai berikut ini.<script> function eraseText() { document.getElementById("output").value = ""; } </script>Selanjutnya kita letakkan kedua aba-aba HTML diatas, sehingga hasil balasannya akan menjadi menyerupai aba-aba berikut ini.
<input type="button" value="Clear" onclick="j4vascript:eraseText();"/> <textarea id='output' rows=20 cols=90></textarea> <script> function eraseText() { document.getElementById("output").value = ""; } </script>Sebelum memasang aba-aba HTML tersebut di blog atau website, kau dapat mencoba memakai aba-aba tersebut pada halaman HTML Editor yang merupakan halaman blog ini.
Itulah beberapa langkah yang dapat kau lakukan untuk menciptakan tombol pembersih textarea atau textbox dengan memakai j4vascript. Semoga artikel ini dapat bermanfaat. Jika ada hal yang kurang jelas, maka jangan sungkan untuk menawarkan komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan hingga jumpa!
Sumber : https://stackoverflow.com/questions/15968911/how-to-clear-text-area-with-a-button-in-html-using-j4vascript
Sumber http://www.maringngerrang.com/
Buat lebih berguna, kongsi:
