JavaScript ile Zemin Rengi Değiştirme
JavaScript ile CSS kodları üzerinde değişklik yapmak ve web sayfasının çalışma anında özelliklerini dinamik olarak değiştirmek mümkündür. Bu çalışmamızda 3 button nesnesi ekleyerek, isimlerini Sarı, Kırmızı, Mavi olarak verdik. Hangi butona tıklanırsa, zemin rengini o renk ile değiştirdik.
Aşağıdaki kodları yazıp html dosyası olarak kaydediniz ve üzerine tıklayarak çalıştırınız.
<html>
Aşağıdaki kodları yazıp html dosyası olarak kaydediniz ve üzerine tıklayarak çalıştırınız.
<html>
<head>
<meta charset="utf-8">
<script>
function renkDegistir(renk)
{
document.body.style.background=renk;
}
</script>
</head>
<body>
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>
<button type="button" onclick="renkDegistir('yellow')">Sarı</button>
<button type="button" onclick="renkDegistir('blue')">Mavi</button>
</body>
</html>
Sanırım eğlenceli bir örnek oldu, farklı örneklerde görüşmek üzere.
Mutlu kodlamalar,
Oğuzhan TAŞ
Mayıs 2015
Sanırım eğlenceli bir örnek oldu, farklı örneklerde görüşmek üzere.
Mutlu kodlamalar,
Oğuzhan TAŞ
Mayıs 2015
Dil Değiştir(Change Language)
Kategoriler
- Csharp(58)
- Csharp Formlar(23)
- Web Tasarım(9)
- CSS(27)
- JavaScript(37)
- PHP(50)
- Laravel(3)
- ASP.net(38)
- Excel(15)
- Güvenlik(4)
- E-Ticaret(3)
- Kariyer(5)
- SQL Server(29)
- MySQL(16)
- Linux(17)
- MacOSX(8)
- Ayarlar(12)
- Bilgisayar Ağları(3)
- Symfony(1)
- Teknoloji(7)
- VBS(1)
- Arduino(6)
- RaspberryPi(1)
- Algoritmalar(15)
- HTML(3)
- Python(2)
- Bash Script(6)
- C Programlama(10)
- Flutter - Dart(11)
- Bootstrap(1)
En çok Okunan 18 Makale
- :: Excelde EĞER Fonksiyonu Kullanımı...
- :: Csharp ile Access Veritabanı Bağlan...
- :: SQL nedir, Temel SQL Komutları nele...
- :: Hangi Linux Dağıtımı?
- :: OSX İşletim Sistemine PHP, MySQL, A...
- :: PHP dilini kullanarak MySQLi tekniğ...
- :: Excel Hesap tablosunda EĞERSAY Fonk...
- :: Excel Hesap tablosunda ÇOKETOPLA Fo...
- :: Excel Hesap tablosunda ETOPLA Fonks...
- :: Excel Hesap tablosunda ÇOKEĞERSAY F...
- :: Mac Bilgisayarınıza Windows 7 Yükle...
- :: Hangi Programlama Dilini Öğrenmeliy...
- :: PHP ile Basit Dosya Yükleme
- :: PHP Dili kullanarak MySQLi Tekniği ...
- :: C# Programlama Dili ile İlgili Örne...
- :: PhpMyAdmin Şifresi Nasıl Değiştiril...
- :: Hangisi acaba, PHP mi ASP.NET mi ?
- :: PHP ile MySQL veritabanına MySQLi t...