Javascript Uygulama / for in Kullanımı Örnekleri

2. Sınıf Öğrencileri İçin Sunular 1
5. Sınıf Öğrencileri Için Sunular 13
8. Sınıf Öğrencileri İçin Sunular 23
Belirli Gün Ve Haftalar 1
Bilgisayar Donanımları 5
Bilgisayar Programlama 2
Bilgisayar Yazılım 2
Bilişim Teknolojileri Ve Yazılım Temel Bilgisayar 64
Biyografiler 2
Biyoloji 2
Değerler Eğitimi 4
Eba Elektronik Bilişim Ağı 5
Eğitim-Öğretim Sunuları 3
Felsefe 2
İslam 3
Kelime İşlemci 1
Kişisel Gelişim 4
Kodlama, Robotic 4
Ortak Eğitim Proje Sunuları. 2
Problem Çözme Ve Algoritmalar 3
Proje Nedir? Nasıl Yapılır? 1
Rehberlik 16
Sağlık 3
Savaşlar 1
Scratch 1
Seminerler 3
Sınav Kaygısı 2
Sosyal Bilgiler 1
Sosyal Bilgiler 1
Tarih 1
Ulaşım Araçları 1
Verimli Ders Çalışma 1
Web Araçları 0
Windows İşletim Sistemi 1
Yarışmalar 0

for in Kullanımı Örnekleri

Örnek 1:

for in Kullanımı Örnekleri

<!DOCTYPE html>
<html>
<head>
<style>
.card {
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
transition: 0.3s;
border-radius: 5px; /* 5px rounded corners */
width: 20vw;
margin:20px;
display:inline-block;
}
img {
border-radius: 5px 5px 0 0;
width: 50px;
height:150px;
}

.card:hover {
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.container {
padding: 2px 16px;
}
</style>
</head>
<body>

<script>
const Kisi = {
bir: {adi:"Faruk", soyadi:"Demir", cinsiyet:"Erkek", yasi:25, isi: 'muhendis', adresi:'büyükçekmece'},
iki: {adi:"Tarık", soyadi:"Yıldız", cinsiyet:"Erkek", yasi:15, isi: 'ogretmen', adresi:'avcılar'},
uc: {adi:"Merve", soyadi:"Kalın", cinsiyet:"Kadın", yasi:35, isi: 'doktor', adresi:'küçükçekmece'}
}

for (Indis in Kisi) {

let Resim = Kisi[Indis].cinsiyet=='Erkek' ? 'https://www.w3schools.com/howto/img_avatar.png' : 'https://www.w3schools.com/howto/img_avatar2.png';
let Kart = `
<div class="card">
<img src="` + Resim + `" alt="Avatar" style="width:100%">
<div class="container">
<h4><b>` + Kisi[Indis].adi + ' ' + Kisi[Indis].soyadi + ` </b></h4>
<p>` + Kisi[Indis].isi.toUpperCase() + `</p>
</div>
</div>
`;
document.write(Kart);
}

</script>

</body>
</html>

1,265 Okunma Yorum yapılmamış 31/12/2024 12:23:00 31/12/2024 12:23:24

Yorumunuzu Ekleyin

Store Procedure Nedir, Nasıl Kullanılır?

11,776 okuma, 11/01/2019

SQL Server'ı Uzaktan Bağlantı İçin Ayarlamak

Microsoft SQL Server?a uzaktaki bir bilgisayardan bağlanmak için tek yapmanız gereken, SQL Server Manager?da makinenin adı, kullanıcı adı ve şifreyi girmek veya programdaki connection stringi değiştirmek gibi gelir insana? Hata mesajı verince anlarsanız o kadar basit olmadığını.

8,852 okuma, 23/05/2024

SQL Server'ı Uzaktan Bağlantı İçin Ayarlamak

Nortwind Veri Tabanı

SQL e başlayan arkadaşlar muhtemelen ilk kez Northwind veritabanıyla karşılaşırlar.

1,942 okuma, 04/04/2025

SQL Server'da Veritabanını .Bak Dosyasından Adım Adım Nasıl Geri Yüklenir

SQL veritabanı bozulursa, güncellenmiş bir BAK dosyanız varsa veritabanını yedekten geri yükleyebilirsiniz. Bu makalede, SQL veritabanını BAK dosyasından geri yüklemenin farklı yollarından bahsedeceğiz. Ayrıca, yedek dosyanız bozulursa kullanışlı olabilecek gelişmiş bir SQL yedek dosya kurtarma aracından da bahsedeceğiz.

1,469 okuma, 22/09/2024

SQL Server'da Veritabanını .Bak Dosyasından Adım Adım Nasıl Geri Yüklenir

CSV Dosyasını SQL Server'a Aktarmanın 2 Kolay Yolu

1,449 okuma, 08/11/2024

Kullanıcı Tanımlı İşlevler (Fonksiyonlar / User Defined Functions) UDF

Bir veritabanında birden fazla kullanıcı tanımlı nesne oluşturabilirsiniz. Bunlardan biri de kesinlikle kullanıcı tanımlı fonksiyonlardır. Amaçlandığı şekilde kullanıldığında veritabanlarında çok güçlü bir araçtır. Bugünkü yazımızda bunların nasıl oluşturulacağını, değiştirileceğini, veritabanından kaldırılacağını ve ayrıca nasıl kullanılacağını göreceğiz. O halde gelin konunun detayına girelim.

1,448 okuma, 23/05/2024