Connect with us

JavaScript

JavaScript İle Metini Kopyala Butonu

Yayınlanan

İcerisinde

JavaScript

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>

Merhaba! Ben, Osmaniye'nin Bahçe ilçesinde doğmuş, şu anda 18 yaşında bir Full Stack Web Geliştiriciyim. Eğitimlerim ve uzmanlık alanlarım arasında web uygulamalarının oluşturulması, SEO stratejileri, Photoshop, Python, HTML, CSS, JavaScript, PHP ve grafik tasarım gibi konular yer almaktadır. Diveebi.com adlı web sitem ve YouTube kanalımda, bu alanlarla ilgili içerikler üretmeye ve paylaşmaya büyük bir tutku ile devam ediyorum.

Yorum yapmak için tıklayın

Cevap bırakın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

JavaScript

JavaScript Rastgele Background Rengi Değiştirme

Yayınlanan

İcerisinde

Tarafından

JavaScript

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>

Okumaya devam et
Blog5 gün ago

Re: Diveebi Görev – Görev Yaparak Para Kazan İlet

Django Django
Blog1 hafta ago

Python Django Nasıl Kurulur?

Django, Python ile yazılmış yüksek seviyeli bir web framework‘üdür. Hızlı ve güvenilir web uygulamaları geliştirmeyi kolaylaştırır. Bu makalede, adım adım...

Blog4 hafta ago

Re: Diveebi Görev – Görev Yaparak Para Kazan İlet

Blog2 ay ago

Re: Diveebi Görev – Görev Yaparak Para Kazan İlet

win 10 diveebi.com win 10 diveebi.com
Blog3 ay ago

Windows etkinleştirme yazısını kaldırmak İçin 3 Yöntem

Windows Etkinleştirme Yazısı Neden Çıkar? Windows etkinleştirme yazısı, Windows işletim sisteminin lisansının onaylanmadığını veya etkinleştirilmediğini gösterir. Bu yazı genellikle siyah...

NodeJS NodeJS
Blog3 ay ago

NodeJS VS PHP, Node.js mi PHP mi?

PHP ve Node.js, modern web geliştirme dünyasında popüler olan iki farklı teknolojidir. Her ikisi de web tabanlı uygulamalar geliştirmek için...

FTP - diveebi.com FTP - diveebi.com
Blog4 ay ago

Domain Nedir ve Nasıl Kullanılır?

İnternet çağında yaşadığımız bu günlerde, “domain” terimi sıkça duyulan ve kullanılan bir kavram haline geldi. Ancak, pek çok kişi için...

Python Python
Python Dersleri7 ay ago

Python ile Vize Final Ortalaması Hesaplama

Bu projemizde, python ile kullanıcıdan vize ve final notlarını alarak sene sonu ortalamasını hesaplar. Ortalama, vize notunun %40‘ı ile final...

Python Python
Python Dersleri7 ay ago

Python’da Dosya İşlemleri

Python programlama dilinde dosya işlemleri, veri okuma, yazma ve manipülasyonu gibi önemli görevleri gerçekleştirmenin temel bir parçasını oluşturur. Bu makalede,...

FTP - diveebi.com FTP - diveebi.com
FTP9 ay ago

FTP Nedir? Ücretsiz FTP Programları nelerdir?

FTP Nedir? FTP Nedir?, FTP (File Transfer Protocol), bilgisayarlar arasında dosya transferini sağlamak için kullanılan bir iletişim protokolüdür. İnternetin ilk...

Blog11 ay ago

Re: Diveebi Görev İletişim Formu

Sadece Bakiye dönüştürülüyor.

Trending