logo-img
Log In
Login
Published by
profile-img

rynixelchavo0

@rynixelchavo0

Panoya Yazı Kopyalama

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

Category
Website
Language
Html
Type
Script
Public All
1+
  • License No License
  • Publication Date 04/01/2024 - 02:36
  • Views 19
  • Files 1
  • Images 0

Click to see the description in this file! 
<!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>