Skip to content

Commit 48e7e2c

Browse files
authored
Create 04_day_conditionals.md
1 parent caa748b commit 48e7e2c

File tree

1 file changed

+386
-0
lines changed

1 file changed

+386
-0
lines changed
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,386 @@
1+
<div align="center">
2+
<h1> 30 Days Of JavaScript: Conditionals [ Koşullar ]</h1>
3+
<a class="header-badge" target="_blank" href="https://www.linkedin.com/in/asabeneh/">
4+
<img src="https://img.shields.io/badge/style--5eba00.svg?label=LinkedIn&logo=linkedin&style=social">
5+
</a>
6+
<a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
7+
<img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
8+
</a>
9+
10+
<sub>Author:
11+
<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
12+
<small> January, 2020</small>
13+
</sub>
14+
</div>
15+
16+
[<< Gün 3](../03_Day_Booleans_operators_date/03_booleans_operators_date.md) | [Gün 5 >>](../05_Day_Arrays/05_day_arrays.md)
17+
18+
![Thirty Days Of JavaScript](../../images/banners/day_1_4.png)
19+
20+
- [📔 Gün 4](#-gün-4)
21+
- [Conditionals - Koşullar](#conditionals-koşullar)
22+
- [If](#if)
23+
- [If Else](#if-else)
24+
- [If Else if Else](#if--else-if-else)
25+
- [Switch](#switch)
26+
- [Ternary Operatörü](#ternary-operatörü)
27+
- [💻 Egzersizler](#-exercises)
28+
- [Egzersiz: Seviye 1](#egzersiz-seviye-1)
29+
- [Egzersiz: Seviye 2](#egzersiz-seviye-2)
30+
- [Egzersiz: Seviye 3](#egzersiz-seviye-3)
31+
32+
# 📔 Gün 4
33+
34+
## Conditionals - Koşullar
35+
36+
Koşullu ifadeler, farklı koşullara dayalı kararlar vermek için kullanılır.
37+
Varsayılan olarak, JavaScript komut dosyasındaki ifadeler yukarıdan aşağıya doğru uygulanır. İşleme mantığı bunu gerektiriyorsa, ardışık yürütme akışı iki şekilde değiştirilebilir:
38+
39+
- Koşullu yürütme: Belirli bir ifade doğruysa, bir veya daha fazla ifadeden oluşan bir blok yürütülür.
40+
- Tekrarlayan yürütme : Belirli bir ifade doğru olduğu sürece, bir veya daha fazla ifadeden oluşan bir blok tekrar tekrar yürütülecektir. Bu bölümde _if_, _else_ , _else if_ deyimlerini ele alacağız. Önceki bölümlerde öğrendiğimiz karşılaştırma ve mantıksal operatörler burada faydalı olacaktır.
41+
42+
Koşullar aşağıdaki yollarla uygulanabilir:
43+
44+
- if
45+
- if else
46+
- if else if else
47+
- switch
48+
- ternary operator
49+
50+
### If
51+
52+
JavaScript ve diğer programlama dillerinde _if_ anahtar kelimesi, bir koşulun doğru olup olmadığını kontrol etmek ve blok kodunu yürütmek için kullanılır. Bir if koşulu kullanmak oluşturmak için normal parantez ve küme parantezlerine ihtiyaç duyurulur. ({})
53+
54+
```js
55+
// syntax
56+
if (condition) {
57+
//kodun bu kısmı doğru koşul için çalışır
58+
}
59+
```
60+
61+
**Örnek:**
62+
63+
```js
64+
let num = 3
65+
if (num > 0) {
66+
console.log(`${num} is a positive number`)
67+
}
68+
// 3 pozitif bir sayıdır
69+
```
70+
71+
Yukarıdaki koşul örneğinde görebileceğiniz gibi 3, 0'dan büyüktür, yani pozitif bir sayıdır. Koşul doğruydu ve kod bloğu yürütüldü. Ancak koşul yanlışsa herhangi bir sonuç göremeyiz.
72+
73+
```js
74+
let isRaining = true
75+
if (isRaining) {
76+
console.log('Remember to take your rain coat.')
77+
}
78+
```
79+
Aynısı ikinci koşul için de geçerlidir, isRaining false ise if bloğu yürütülmez ve herhangi bir çıktı görmeyiz. Yanlış bir koşulun sonucunu görmek için, _else_ ile başka bir bloğumuz olmalıdır.
80+
81+
### If Else
82+
83+
Koşul doğruysa, ilk blok yürütülür, doğru değilse, __else__ koşul yürütülür.
84+
85+
```js
86+
// syntax
87+
if (condition) {
88+
// kodun bu kısmı doğru koşul için çalışır
89+
} else {
90+
// kodun bu kısmı yanlış koşul için çalışır
91+
}
92+
```
93+
94+
```js
95+
let num = 3
96+
if (num > 0) {
97+
console.log(`${num} is a positive number`)
98+
} else {
99+
console.log(`${num} is a negative number`)
100+
}
101+
// 3 pozitif bir sayıdır
102+
103+
num = -3
104+
if (num > 0) {
105+
console.log(`${num} is a positive number`)
106+
} else {
107+
console.log(`${num} is a negative number`)
108+
}
109+
// -3 negatif bir sayıdır
110+
```
111+
112+
```js
113+
let isRaining = true
114+
if (isRaining) {
115+
console.log('You need a rain coat.')
116+
} else {
117+
console.log('No need for a rain coat.')
118+
}
119+
// Bir yağmurluğa ihtiyacın var.
120+
121+
isRaining = false
122+
if (isRaining) {
123+
console.log('You need a rain coat.')
124+
} else {
125+
console.log('No need for a rain coat.')
126+
}
127+
// Yağmurluğa gerek yok.
128+
```
129+
130+
Son koşul yanlıştır, bu nedenle else bloğu yürütülmüştür. Ya ikiden fazla koşulumuz varsa? Bu durumda *else if* koşullarını kullanırdık.
131+
132+
133+
### If Else if Else
134+
135+
Hayatımızda günlük kararlar veririz. Kararları bir veya iki koşulu kontrol ederek değil, birden çok koşula göre veririz. Günlük hayatımızda olduğu gibi programlama da şartlarla doludur. Birden fazla koşulumuz olduğunda *else if* kullanırız.
136+
137+
```js
138+
// syntax
139+
if (condition) {
140+
// code
141+
} else if (condition) {
142+
// code
143+
} else {
144+
// code
145+
146+
}
147+
```
148+
149+
**Örnek:**
150+
151+
```js
152+
let a = 0
153+
if (a > 0) {
154+
console.log(`${a} is a positive number`)
155+
} else if (a < 0) {
156+
console.log(`${a} is a negative number`)
157+
} else if (a == 0) {
158+
console.log(`${a} is zero`)
159+
} else {
160+
console.log(`${a} is not a number`)
161+
}
162+
```
163+
164+
```js
165+
// if else if else
166+
let weather = 'sunny'
167+
if (weather === 'rainy') {
168+
console.log('You need a rain coat.')
169+
} else if (weather === 'cloudy') {
170+
console.log('It might be cold, you need a jacket.')
171+
} else if (weather === 'sunny') {
172+
console.log('Go out freely.')
173+
} else {
174+
console.log('No need for rain coat.')
175+
}
176+
```
177+
178+
#### Çevirmen Açıklaması
179+
180+
Arkadaşlar anlatıcı belirtmemiş lakin ben araya bunu şıkıştırayım. if doğruluğu kontrol eder bir kere kullanılır, else ise if çalışmadığında devreye girer buda bir kere kullanılır.
181+
Birden fazla if yada else kullanamazsınız. Zaten birden fazla koşulu sorgulamak için else if blogu bulunmaktadır. Normalde else if açıklamasında bunu anlamanız gerekir.
182+
Lakin ekstra bir açıklama yapalım kafanızda tam oturmuş olsun konu. Mutlu kalın.
183+
184+
185+
### Switch
186+
187+
Switch, **if else if else** için bir alternatiftir.
188+
Switch ifadesi bir *switch* anahtar sözcüğüyle başlar, ardından bir parantez ve kod bloğu gelir. Kod bloğunun içinde farklı durumlarımız olacak. Case bloğu, switch parantezindeki değer vaka değeriyle eşleşirse çalışır. Break ifadesi, koşul yerine getirildikten sonra kod yürütmesini sonlandırmak içindir. Default blok, tüm durumlar koşulu karşılamıyorsa çalışır.
189+
190+
191+
```js
192+
switch(caseValue){
193+
case 1:
194+
// code
195+
break
196+
case 2:
197+
// code
198+
break
199+
case 3:
200+
// code
201+
break
202+
default:
203+
// code
204+
}
205+
```
206+
207+
```js
208+
let weather = 'cloudy'
209+
switch (weather) {
210+
case 'rainy':
211+
console.log('You need a rain coat.')
212+
break
213+
case 'cloudy':
214+
console.log('It might be cold, you need a jacket.')
215+
break
216+
case 'sunny':
217+
console.log('Go out freely.')
218+
break
219+
default:
220+
console.log(' No need for rain coat.')
221+
}
222+
223+
// Switch Diğer Örnekler
224+
let dayUserInput = prompt('What day is today ?')
225+
let day = dayUserInput.toLowerCase()
226+
227+
switch (day) {
228+
case 'monday':
229+
console.log('Today is Monday')
230+
break
231+
case 'tuesday':
232+
console.log('Today is Tuesday')
233+
break
234+
case 'wednesday':
235+
console.log('Today is Wednesday')
236+
break
237+
case 'thursday':
238+
console.log('Today is Thursday')
239+
break
240+
case 'friday':
241+
console.log('Today is Friday')
242+
break
243+
case 'saturday':
244+
console.log('Today is Saturday')
245+
break
246+
case 'sunday':
247+
console.log('Today is Sunday')
248+
break
249+
default:
250+
console.log('It is not a week day.')
251+
}
252+
253+
```
254+
255+
// Durumlarda koşulları kullanmak için örnekler
256+
257+
```js
258+
let num = prompt('Enter number');
259+
switch (true) {
260+
case num > 0:
261+
console.log('Number is positive');
262+
break;
263+
case num == 0:
264+
console.log('Numbers is zero');
265+
break;
266+
case num < 0:
267+
console.log('Number is negative');
268+
break;
269+
default:
270+
console.log('Entered value was not a number');
271+
}
272+
```
273+
274+
### Ternary Operatörü
275+
276+
Koşullar yazmanın başka bir yolu da üçlü operatörleri kullanmaktır. Bunu diğer bölümlerde ele aldık, ancak burada da belirtmek gerekir.
277+
278+
```js
279+
let isRaining = true
280+
isRaining
281+
? console.log('You need a rain coat.')
282+
: console.log('No need for a rain coat.')
283+
```
284+
285+
🌕 Olağanüstü birisin ve olağanüstü bir potansiyelin var. 4. gün zorluklarını yeni tamamladınız ve mükemmelliğe giden yolda dört adım öndesiniz. Şimdi beyniniz ve kasınız için bazı egzersizler yapın.
286+
287+
## 💻 Egzersizler
288+
289+
### Egzersiz: Seviye 1
290+
291+
1. prompt(“Enter your age:”) ile kullanıcı girdisi alın. Kullanıcı 18 veya daha büyükse, geri bildirimde bulunun:'Sürecek kadar yaşlısınız', ancak 18 değilse, 18 yaşına girmesi gereken yıl sayısını beklemeye başlayarak başka bir geri bildirim verin.
292+
293+
```sh
294+
Enter your age: 30
295+
You are old enough to drive.
296+
297+
Enter your age:15
298+
You are left with 3 years to drive.
299+
```
300+
301+
1. if… else kullanarak myAge ve yourAge değerlerini karşılaştırın. Karşılaştırmaya dayanarak ve sonucu kimin daha yaşlı olduğunu (ben veya siz) belirterek konsola kaydedin. Yaşı girdi olarak almak için komut prompt(“Enter your age:”) kullanın.
302+
303+
```sh
304+
Enter your age: 30
305+
You are 5 years older than me.
306+
```
307+
308+
1. a, b'den büyükse, 'a b'den büyüktür', aksi takdirde 'a, b'den küçüktür' döndürür. şekilde uygulamaya çalışın
309+
310+
- using if else
311+
- ternary operator.
312+
313+
```js
314+
let a = 4
315+
let b = 3
316+
```
317+
318+
```sh
319+
4 is greater than 3
320+
```
321+
322+
1. Çift sayılar 2'ye tam bölünür kalan sıfırdır. Bir sayının çift olup olmadığını veya JavaScript kullanıp kullanmadığını nasıl kontrol edersiniz?
323+
324+
```sh
325+
Enter a number: 2
326+
2 is an even number
327+
328+
Enter a number: 9
329+
9 is is an odd number.
330+
```
331+
332+
### Egzersiz: Seviye 2
333+
334+
1. Öğrencilere puanlarına göre not verebilecek bir kod yazın:
335+
- 80-100, A
336+
- 70-89, B
337+
- 60-69, C
338+
- 50-59, D
339+
- 0-49, F
340+
1. Mevsimin Sonbahar, Kış, İlkbahar veya Yaz olup olmadığını kontrol edin.
341+
Değerler :
342+
- Eylül, Ekim veya Kasım, mevsim sonbahardır.
343+
- Aralık, Ocak veya Şubat, mevsim kıştır.
344+
- Mart, Nisan veya Mayıs mevsimi bahardır
345+
- Haziran, Temmuz veya Ağustos, mevsim yazdır
346+
347+
1. Bir günün hafta sonu mu yoksa iş günü mü olduğunu kontrol edin. Komut dosyanız girdi olarak gün alacaktır.
348+
349+
```sh
350+
What is the day today? Saturday
351+
Saturday is a weekend.
352+
353+
What is the day today? saturDaY
354+
Saturday is a weekend.
355+
356+
What is the day today? Friday
357+
Friday is a working day.
358+
359+
What is the day today? FrIDAy
360+
Friday is a working day.
361+
```
362+
363+
### Egzersiz: Seviye 3
364+
365+
1. Bir aydaki gün sayısını söyleyen bir program yazın.
366+
367+
```sh
368+
Enter a month: January
369+
January has 31 days.
370+
371+
Enter a month: JANUARY
372+
January has 31 day
373+
374+
Enter a month: February
375+
February has 28 days.
376+
377+
Enter a month: FEbruary
378+
February has 28 days.
379+
```
380+
381+
1. Bir aydaki gün sayısını söyleyen bir program yazın, şimdi artık yılı düşünün.
382+
383+
384+
🎉 TEBRİKLER ! 🎉
385+
386+
[<< Gün 3](../03_Day_Booleans_operators_date/03_booleans_operators_date.md) | [Gün 5 >>](../05_Day_Arrays/05_day_arrays.md)

0 commit comments

Comments
 (0)