JAVASCRIPT

Membuat Program Copy Text Dengan Javascript

Pada artikel ini saya akan membuat sebuah program dengan javascript yaitu copy text. nah kalian pasti pernah lihat copy text pada website orang jadi copy text ini akan meng copy tulisan yang ada jika belum paham coba kalian kunjungi website yang sudah saya buat di sini. program yang saya buat moga saja bisa jadi referensi kalian dan pengalaman belajar dengan javascript ini.


Kamu buat dulu file dengan nama index.html

<!doctype html>
   <html lang="en">
  <head>
    <title>Copy Text</title>
  </head>   
    
  <body> 
  <!--Buat sebuah kolom masukan sebagai kerangka dasar-->
        <input type="text" value="hai ini sedang belajar javascript" id="papanCopy">
        
        <!--Buat sebuah tombol agar bisa melakukan copy text-->
      <button type="button" id="copy">Copy</button>
      
            
      <script src="script.js"></script>
  </body>
</html>


Nah lalu kamu buat dulu file javascript nya juga dengan nama script.js

//buat variabel
 let copy = document.getElementById('copy');

//ketika tombol copy di klik
copy.addEventListener('click', function(){

//buat variabel
     let papanCopy = document.getElementById('papanCopy');
     
     //ambil field text
      papanCopy.select();
      
      // untuk mobile devices
      papanCopy.setSelectionRange(0, 99999); 
      
      //salin teks di dalam bidang teks
      navigator.clipboard.writeText(papanCopy.value);
    
    //peringatan ketika sudah di copy
    alert('Ter copy!');
});

Silakan kamu coba coba sendiri, jika kamu mau lebih lengkap kode nya sudah saya simpan di sini. semoga bermanfaat :D