JavaScript

JavaScript İle Metini Kopyala Butonu

Yayınlanan

2 sene Önce

İcerisinde

Şubat 18, 2022

Tarafından

Mustafa Salman YT

Bu yazımda JavaScript kullanarak form elemanları içindeki metini kopyalama işlemi yapacağız. Yaptığımız bu projede yaptığımız kopyala butonunu geçtiğimiz dünlerde. HEX rengini kopyalamak için butona tıkladığımda kopyalama işlemi ilgimi çekti, ve bu konu üzerine bağazı araştırmalar yaptım ve sonucunu sizlerle paylaştım.

Projemizi geçmeden önce vermiş olduğum kodları canlı olarak test edebilirsiniz. İlk olarak Divebi Önizle (kod önizleme) web sayfasını kullanabilirsiniz. Veya HTML sayfası oluşturabilirsiniz. Aşağıda vermiş olduğum kodları kullanabilirsiniz veya kopyala yapıştır yaparak kodları test edebilirsiniz.

Canlı Önizleme:

JavaScript Kodları:

function kopyala(){
var metin = document.getElementById("mytext");
metin.select();
document.execCommand("copy");
}

Proje Kodları:

<!DOCTYPE html>
<html lang="TR-tr">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Divebi.com</title>
</head>
<body>
<input type="text" id="mytext" placeholder="Metini giriniz">
<button onclick="kopyala()">Kopyala</button> <br>
<script>
 function kopyala(){
 var metin = document.getElementById("mytext");
 metin.select();
 document.execCommand("copy");
 } 
 </script>
 </body>
 </html>

İlgili

Up Next

JavaScript Rastgele Şifre Üretme (Şifre Üretici)

Don't Miss

JavaScript İle Sayfa Offline Olduğunda Kullanıcıyı uyarma

Mustafa Salman YT

Merhabalar! Ben Osmaniye'nin Bahçe ilçesinde doğdum ve şu anda 17 yaşındayım. Kendimi bir web yazılım geliştiricisi ve SEO uzmanı olarak olarak tanımlıyorum ve Diveebi.com ve Youtube kanalımda web site eğitimleri, SEO, Photoshop dersleri, Python projeleri, HTML, CSS, JavaScript, PHP, Grafik dersleri ve benzeri içerikler paylaşıyorum. Kişisel Web Sitemi ziyaret et: https://mustafa.diveebi.com/

Yorum yapmak için tıklayın

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

10 ay Önce

İcerisinde

Kasım 30, 2022

Tarafından

Mustafa Salman YT

Bu rehberde, JavaScript kullanarak HTML sayfasının rastgele arka plan rengini değiştirdik.

Proje Kodları

<body onload="renkInterval()">
    <script>
    setInterval(() =>{
        bodyColor()
    }, 100);
     
    function bodyColor() {
        var renk1 = Math.floor(255*Math.random());
        var renk2 = Math.floor(255*Math.random());
        var renk3 = Math.floor(255*Math.random());
        document.body.style.backgroundColor="rgb("+renk1+","+renk2+","+renk3+")";
        console.log("Random Color: " + renk1);
    }
    </script>
</body>