Panoya Yazı Kopyalama

Name: Panoya Yazı Kopyalama
Availability: OnlineOnly
Author: Codeshare Repos

Public

• Updated Aug 6, 2025

panoya-yazı-kopyalama.html

<!DOCTYPE html>
<html>
<head>
  <title>Pano Yazısı Kopyalama</title>
  <style>
    body {
      background-color: #2b2d42;
      color: #ffffff;
      font-family: Arial, sans-serif;
    }
    
    .container {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100vh;
    }
    
    h1 {
      font-size: 24px;
      margin-bottom: 20px;
    }
    
    .kopyala-buton {
      padding: 10px 20px;
      background-color: #694fad;
      color: #ffffff;
      border: none;
      cursor: pointer;
      font-size: 16px;
      border-radius: 4px;
    }
    
    .kopyala-buton:hover {
      background-color: #512b80;
    }
  </style>
  <script>
    function kopyala() {
      let metin = "Kopyalanan Metin"


      navigator.clipboard.writeText(metin)
        .then(function() {
          alert("Metin başarıyla panoya kopyalandı");
        })
        .catch(function(err) {
          console.error("Metin kopyalanırken bir hata oluştu: ", err);
        });
    }
  </script>
</head>
<body>
  <div class="container">
    <h1 id="kopyalanacakMetin">Boş Karakteri Tıkla ve Kopyala</h1>
    <button class="kopyala-buton" onclick="kopyala()">Panoya Yazıyı Kopyala</button>
  </div>
</body>
</html>

About

Butona tıklandığında belirtilen metin panoya kopyalanır.

@codeshare-repos

Author

0stars

0views

Created Jan 3, 2024