<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>javascript koşullar arşivleri - Mehmet Kirazlı</title>
	<atom:link href="https://www.mehmetkirazli.com/tag/javascript-kosullar/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.mehmetkirazli.com/tag/javascript-kosullar/</link>
	<description>Yazılımcı Notları</description>
	<lastBuildDate>Sun, 08 Apr 2018 04:58:53 +0000</lastBuildDate>
	<language>tr</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.1.10</generator>

<image>
	<url>https://www.mehmetkirazli.com/wp-content/uploads/2018/04/mehmetkirazlilogo.png</url>
	<title>javascript koşullar arşivleri - Mehmet Kirazlı</title>
	<link>https://www.mehmetkirazli.com/tag/javascript-kosullar/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JavaScript Dersleri 5 : Döngüler ve Koşullar</title>
		<link>https://www.mehmetkirazli.com/javascript-dersleri-5-donguler-ve-kosullar/</link>
					<comments>https://www.mehmetkirazli.com/javascript-dersleri-5-donguler-ve-kosullar/#comments</comments>
		
		<dc:creator><![CDATA[Mehmet Kirazlı]]></dc:creator>
		<pubDate>Tue, 11 Feb 2014 10:50:43 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[javascript dersleri]]></category>
		<category><![CDATA[javascript döngüler]]></category>
		<category><![CDATA[javascript koşul ifadeleri]]></category>
		<category><![CDATA[javascript koşullar]]></category>
		<guid isPermaLink="false">http://www.mehmetkirazli.com/?p=1819</guid>

					<description><![CDATA[<p>Merhaba. Bu yazımda javascriptte döngüler ve koşullar bölümünü anlatacağım.Koşullar bildiğiniz üzere if-else ve switch&#8216;ten oluşmaktadır. Döngüler ise for,while,do-while gibi temel kısımlardan oluşur. Bunların mantığını bildiğinizi düşünerek, bunların javascriptte kullanımına geçiyorum. Anlatırken konumuz dışında bazı şeylere de değineceğim. if-else İlk olarak if-else konusunda bir örnekle başlıyorum. Bu örnekte hız değişkenini, fonksiyona gönderdim ve bu fonksiyon da &#8230;</p>
<p>The post <a rel="nofollow" href="https://www.mehmetkirazli.com/javascript-dersleri-5-donguler-ve-kosullar/">JavaScript Dersleri 5 : Döngüler ve Koşullar</a> appeared first on <a rel="nofollow" href="https://www.mehmetkirazli.com">Mehmet Kirazlı</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p>Merhaba. Bu yazımda javascriptte <span style="color: #ff0000;">döngüler</span> ve <span style="color: #ff0000;">koşullar</span> bölümünü anlatacağım.<span id="more-1819"></span><strong>Koşullar</strong> bildiğiniz üzere<span style="color: #ff0000;"> if-else</span> ve<span style="color: #ff0000;"> switch</span>&#8216;ten oluşmaktadır. <strong>Döngüler</strong> ise <span style="color: #ff0000;">for,while,do-while</span> gibi temel kısımlardan oluşur. Bunların mantığını bildiğinizi düşünerek, bunların javascriptte kullanımına geçiyorum. Anlatırken konumuz dışında bazı şeylere de değineceğim.</p>
<h3><strong>if-else</strong></h3>
<p>İlk olarak <span style="color: #ff0000;">if-else</span> konusunda bir örnekle başlıyorum. Bu örnekte <strong>hız</strong> değişkenini, fonksiyona gönderdim ve bu fonksiyon da bize bir <strong>mesaj</strong> döndü. Bu mesajı, içerisindeki <span style="color: #ff0000;">if-else</span> yapısına göre belirledi. Son olarak da bu mesajı ekrana yazdırdım.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodif.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1821 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodif-264x300.png" alt="javascript dersleri" width="264" height="300" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodif-264x300.png 264w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodif.png 455w" sizes="(max-width: 264px) 100vw, 264px" /></a></p>
<p>Ekran görüntüsü ise şu şekilde olacaktır:</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranif.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1822 size-full" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranif.png" alt="javascript dersleri" width="224" height="97" /></a></p>
<h3><strong>switch yapısı</strong></h3>
<p><span style="color: #ff0000;">İf-else</span> yapısına benzeyen bir diğer kontrol mekanizması ise <span style="color: #ff0000;">switch</span>&#8216;tir. Aldığı parametreye göre doğrudan şartı çalıştırır. <span style="color: #ff0000;">İf-else</span>&#8216;deki gibi tek tek kontrol etmez. Bu örnekte fonksiyona bir isim gönderdim. Bu isim <span style="color: #ff0000;">switch</span> mekanizmasına parametre olarak geldi. <span style="color: #ff0000;">Case</span> ile de bu parametreyi kontrol ettim. Hangi case&#8217;ye uyuyorsa oraya girdi. Her case&#8217;den sonra <strong>break;</strong> koymak zorunludur. Eğer yazılmazsa bütün case&#8217;leri çalıştırır.</p>
<p><span style="color: #ff0000;">Body</span> kısmında <strong>document.write()</strong> ile ekrana bir şeyler yazdırdım. Bunu şunun için yaptım. Javascriptte ekrana bir metin yazdırılırken bu metin, <span style="color: #ff0000;">html</span> etiketleri arasında yazdırılabiliyor.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodswitch.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1823 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodswitch-300x232.png" alt="javascript dersleri" width="300" height="232" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodswitch-300x232.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodswitch.png 841w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Ekran çıktısı ise şu şekilde olacaktır:</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranswitch.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1824 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranswitch-300x71.png" alt="javascript dersleri" width="300" height="71" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranswitch-300x71.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranswitch.png 871w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>&nbsp;</p>
<h3><strong>for döngüsü</strong></h3>
<p>Kontrol yapılarından sonra döngülerdeki en temel döngü olan <span style="color: #ff0000;">for</span> döngüsü ise şu şekilde kullanılmaktadır. <span style="text-decoration: underline;">Başlangıç</span> ve <span style="text-decoration: underline;">bitiş</span> şartı koyulur. Döngü bu kurala uydukça süslü parantezler içerisindeki kodlar çalışır.</p>
<p>Butona basınca <strong>hesapla()</strong> fonksiyonu çağrıldı ve döngünün 10 kere dönülmesi sağlandı. Döngü bitince de alert ile 1&#8217;den 10&#8217;a kadar olan sayıların toplamı yazıldı.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodfor.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1827 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodfor-300x226.png" alt="javascript dersleri" width="300" height="226" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodfor-300x226.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodfor.png 628w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Ekran çıktısı ise:</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranfor.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1828 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranfor-300x69.png" alt="javascript dersleri" width="300" height="69" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranfor-300x69.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranfor.png 869w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Aynı örneğin <span style="color: #ff0000;">çarpma</span> olanını bu sefer <span style="color: #ff0000;">while</span> ile yapıyoruz. While&#8217;da ise bitiş verilmez. Sadece <span style="color: #ff0000;">şart</span> verilir. Şart sağlandıkça kodlar çalışır. Sayının artırılır azaltılması ise for&#8217;daki gibi en başta verilmez. Kod bloğu içinde yazılır. Burada <strong>sayi</strong> değişkenini 1 artırma işlemini kod bloğu içinde yaptım. Sonunda yine çarpımı <span style="color: #ff0000;">alert</span> ile ekrana bastım.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodwhile.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1829 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodwhile-300x260.png" alt="javascript dersleri" width="300" height="260" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodwhile-300x260.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kodwhile.png 622w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Çıktı ise şu şekilde olacaktır :</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranwhile.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1830 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranwhile-300x71.png" alt="javascript dersleri" width="300" height="71" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranwhile-300x71.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekranwhile.png 877w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<h3><strong>do-while döngüsü</strong></h3>
<p>Son olarak <span style="color: #ff0000;">do-while</span> döngüsü ile bitirelim. Bunun while&#8217;dan farkı, <span style="text-decoration: underline;">şart sağlanmasa bile döngünün bir kere çalışmasıdır</span>. Yani her şartta en az 1 defa çalışır. Bu örnekte butona basınca 0 değerini fonksiyona gönderdim. While şartında 0&#8217;dan büyükse çalışması gerekiyor fakat büyük olmadığı halde döngü 1 kere çalıştı. Çünkü <span style="color: #ff0000;">while</span> ifadesi şuan en sonda. İlk olarak <strong>do</strong> işlemi geliyor. Şart sağlanmadığı halde döngü 1 defa çalışır.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/koddowhile.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1831 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/koddowhile-300x206.png" alt="javascript dersleri" width="300" height="206" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/koddowhile-300x206.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/koddowhile.png 704w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Ekran çıktısı :</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekrandowhile.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1832 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekrandowhile-300x67.png" alt="javascript dersleri" width="300" height="67" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekrandowhile-300x67.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekrandowhile.png 912w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Döngü ve kontrol yapılarının javascriptte kullanımı bu şekilde. Diğer dillere benzer şekilde kullanılıyor. Ayrıntıya inmeden genel hatlarıyla bu şekilde.</p>
<p>Bir sonraki yazılarda görüşmek üzere&#8230;</p>
<p>&nbsp;</p>
<p>The post <a rel="nofollow" href="https://www.mehmetkirazli.com/javascript-dersleri-5-donguler-ve-kosullar/">JavaScript Dersleri 5 : Döngüler ve Koşullar</a> appeared first on <a rel="nofollow" href="https://www.mehmetkirazli.com">Mehmet Kirazlı</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://www.mehmetkirazli.com/javascript-dersleri-5-donguler-ve-kosullar/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		
			</item>
	</channel>
</rss>
