Html/CSS/Js ile Rastgele Renk Üretici (Random Color Generator) - IRCForumları - IRC ve mIRC Kullanıcılarının Buluşma Noktası

Nefret · 09 Mayıs 2025, 00:35

Merhabalar arkadaşlar Html css ve js ile rastgele renk üretici kod yazıp paylaşmak istedim umarım faydalı olur

Kod: Kodu kopyalamak için üzerine çift tıklayın!

<!DOCTYPE html>
<html lang="tr">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>Rastgele Renk Üretici</title>
  <style>
    body {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      height: 100vh;
      margin: 0;
      font-family: Arial, sans-serif;
      transition: background-color 0.3s ease;
    }

    #colorCode {
      font-size: 24px;
      margin-bottom: 20px;
    }

    button {
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
      border: none;
      background-color: #333;
      color: white;
      border-radius: 5px;
    }
  </style>
</head>
<body>
  <div id="colorCode">#FFFFFF</div>
  <button onclick="changeColor()">Renk Değiştir</button>

  <script>
    function getRandomColor() {
      const letters = "0123456789ABCDEF";
      let color = "#";
      for (let i = 0; i < 6; i++) {
        color += letters[Math.floor(Math.random() * 16)];
      }
      return color;
    }

    function changeColor() {
      const newColor = getRandomColor();
      document.body.style.backgroundColor = newColor;
      document.getElementById("colorCode").textContent = newColor;
    }
  </script>
</body>
</html>

idyllic · 09 Mayıs 2025, 00:35

paylaşım için teşekkürler eline emeğine sağlık

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	Son Mesaj
Random (Rastgele) sayı türetimi $rnum	Feragat	mIRC Parça Kodlar	15	10 Mayıs 2019 23:23
(Random fonksiyonu) Rastgele bir satir getirmek	YazılımMimarı	Oracle	0	25 Haziran 2012 02:32
Html Renk Bulucusu	yoSun	vBulletin	0	04 Ocak 2012 11:17

Konuyu Toplam 1 Üye okuyor. (0 Kayıtlı üye ve 1 Misafir)

Etiketlenen Kullanıcılar
Etiketlemek istediğiniz kullanıcılar arasına virgül koyunuz. Örnek: nokta,sukunet,NucLear

5846 sayılı Fikir ve Sanat Eserleri Kanunu gereğince sitemizde telif hakkı bulunan mp3,video v.b. eserlerin paylaşımı yasaktır. Yasal işlem olması halinde paylaşan kişi yada kişilerin bilgileri gerekli kuruma verilecektir.