JavaScript ile CSS kodlarını Yönlendirme
Bu örneğimizde JavaScript ile CSS kodlarımızı değiştirebileceğiz. CSS kodlarımıza daha fazla dinamiklik katacağız. Aşağıdaki gibi kutu isminde bir class tanımlayıp, bu kutunun rengini butonlarla dğeiştireceğiz.
.kutu{
width:250px; height:250px;
background-color:red;
}
Daha sonra aşağıdaki gibi bir kod satırı ile ilgili kutu nesnemizin rengini değiştiriyoruz.
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>
Kodun tamamı aşağıdadır. Notepad++ veya Notepad gibi bir editörde yazıp, html uzantılı olarak kaydediniz.
Daha sonra aşağıdaki gibi bir kod satırı ile ilgili kutu nesnemizin rengini değiştiriyoruz.
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>
Kodun tamamı aşağıdadır. Notepad++ veya Notepad gibi bir editörde yazıp, html uzantılı olarak kaydediniz.
<html>
<head>
<meta charset="utf-8">
<style>
.kutu{
width:250px; height:250px;
background-color:red;
}
</style>
<script>
function renkDegistir(renk)
{
document.getElementById("kutu").style.background=renk;
}
document.getElementById("kutu").style.background=renk;
}
</script>
</head>
<body>
<div class="kutu" id="kutu" onclick="renkDegistir('black')">
</div><br/>
<button type="button" onclick="renkDegistir('red')">Kırmızı</button>
<button type="button" onclick="renkDegistir('blue')">Mavi</button>
<button type="button" onclick="renkDegistir('green')">Yeşil</button>
</body>
</html>
JavaScript ile CSS kodlarını Yönlendirme
JavaScript ile Zemin Rengini Değiştirme
JavaScript ile Metin Kutusu değerini artırmak ve azaltmak
JavaScript ile Form Kontrolü
JavaScript ile Döngüler
JavaScript ile Fonksiyon İşlemleri
JavaScript ile Harf ve Rakam Kontrolü
JavaScript ile Basit Hesaplatma İşlemleri
JavaScript ile Ortalama ve Harf Notu Hesaplama
JavaScript ile Twitter benzeri karakter kontrolü
JavaScript ile Yuvarlatma Hatası nasıl düzeltilir?
JavaScript Luhn Algoritması ile Kredi Kartı Doğrulama
Mutlu Kodlamalar,
Oğuzhan TAŞ
JavaScript ile CSS kodlarını Yönlendirme
JavaScript ile Zemin Rengini Değiştirme
JavaScript ile Metin Kutusu değerini artırmak ve azaltmak
JavaScript ile Form Kontrolü
JavaScript ile Döngüler
JavaScript ile Fonksiyon İşlemleri
JavaScript ile Harf ve Rakam Kontrolü
JavaScript ile Basit Hesaplatma İşlemleri
JavaScript ile Ortalama ve Harf Notu Hesaplama
JavaScript ile Twitter benzeri karakter kontrolü
JavaScript ile Yuvarlatma Hatası nasıl düzeltilir?
JavaScript Luhn Algoritması ile Kredi Kartı Doğrulama
Mutlu Kodlamalar,
Oğuzhan TAŞ
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...