Hallo sobat, tidak terasa libur lebaran sudah lewat dan kita masih diberikan kesehatan dan panjang umur, amin. Dikesempatan kali ini setelah libur lebaran saya membuat artikel tentang javascript yaitu Cara Membuat Copy Clipboard dengan Javascript.
Artikel ini merupakan tips sederhana dalam membuat copy clipboard dengan javascript. umumnya adalah saat ingin mengcopy sebuah text kita harus blok terlebih dahulu dan mengklik kanan pada mouse lalu copy, dan itu merupakan cara yang cukup usang menurut saya dan masih dilakukan sampai saat ini hehe.
Dengan menggunakan javascript ini kita akan mempermudah user dalam mencopy sebuah text, yaitu kita akan buat sebuah tombol yang nantinya sekali klik akan mencopy semua text yang ada dalam form yang sudah ditentukan dan tentunya dengan bantuan javascript.
Cara Membuat Copy Clipboard dengan Javascript
Oke langsung saja kita mulai, pertama-tama buatlah folder terlebih dahulu, kemudian run/jalankan software text-editornya lalu kemudian ketiklah script HTML seperti pada gambar dibawah ini :
Didalam script HTML diatas kita sudah membuat sebuah form yang nantinya isi/nilai pada form tsb kita yang akan kecopy ketika tombol button diklik. Oke langkah selanjutnya teman-teman tambahkan sedikit style CSS seperti pada gambar dibawah ini :
Jika sudah HTML dan CSS nya, tinggal langkah terakhir teman-teman ketik script Javascriptnya seperti pada gambar dibawah ini :
Cara Membuat Copy Clipboard dengan Javascript
Pada kode diatas sudah saya berikan sebuah komentar fungsi dari kode javascript tsb. Dan hasil dari kode diatas jika dijalankan dibrowser maka hasilnya akan menjadi seperti pada gambar dibawah ini :
Cukup mudah ya teman-teman ? oke kalau begitu demikianlah artikle tips tentang Cara Membuat Copy Clipboard dengan Javascript yang dapat saya sampaikan. Kurang lebih nya mohon maaf dan sampai bertemu dipembahasan selanjutnya.
Terimakasih