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

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.

Canlı Akış 0

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.

Canlı Akış 0

Reaksiyonlar