Connect with us

Hi, what are you looking for?

Javascript

Javascript Dersleri: Javascript ile Rastgele Renk Oluşturmak

Typescript vs JavaScript: Aralarında ki Fark Ne?

Web sayfanız her açıldığında kullanıcıya rastgele renkler sunmak mı istiyorsunuz? Javascript ile Rastgele Renkler oluşturmak mümkün hem de iki satırlık kod ile.

İlk etapta “random_color” adında bir değişken oluşturup içerisine Math kütüphanesi ile bir çeşit rastgele sayısal değerler üretmesini istiyoruz. Ardından “randomColor” isimli değişkende bunu HEX kodu birleştiriyoruz;

let random_color = Math.floor(Math.random() * 16777215).toString(16);
let randomColor = "#" + ("000000" + random_color).slice(-6);    

İkinci değişkenimizde aslında bir bütünlük sağlıyoruz; HEX renk kodu başlangıcı olan diyezi (#) bir parantez içerisinde altı adet sıfır ile birleştiriyoruz ardından .slice() fonksiyonu ile bu ortaya çıkan değerden 6 karakter siliyoruz ve karşımıza bir renk kodu çıkıyor.

Artık bu renk kodu ile istediğiniz yerde kullanım sağlayabilirsiniz, ne yapacağınız tamamen sizin hayal gücünüzde..

Advertisement. Scroll to continue reading.
Written By

Siberdefter'de Chief Executive Officer

Click to comment

Leave a Reply

E-posta hesabınız yayımlanmayacak.

Editörün Tavsiyeleri

Javascript

Herhangi bir web sitesine girdiğimiz zaman çoğu zaman sitelerin bizden bildirim göndermek için izin istediğini görürüz. Bizde web sitemize bu özelliği entegre etmek istediğimiz...

Javascript

Dünyanın en popüler programlama dillerinden Javascript, modern web teknolojilerinin en gözdesi. Peki Javascript ile json dosyasından veri nasıl çekeriz? Siberdefter Eğitim kaldığı yerden devam...

Javascript

Merhaba Siberdefter takipçileri, Javascript derslerimize devam ediyoruz ve bugün Javascript projelerimizde kullandığımız dizilerin (array) içerisinde herhangi bir içerik olmayan boş elemanları nasıl temizleyeceğimizi öğreneceğiz....

Yazılım

Merhaba Siberdefter okurları, bugün yazılımcıların kod yazarken ortaya koyduğu yanlışları anlatacağız. Bildiğiniz üzere programalama dilleri ile bir çok kategoride hazır siBstem kurabiliriz; İçerik Yönetim...

Advertisement