<?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 metodlar arşivleri - Mehmet Kirazlı</title>
	<atom:link href="https://www.mehmetkirazli.com/tag/javascript-metodlar/feed/" rel="self" type="application/rss+xml" />
	<link>https://www.mehmetkirazli.com/tag/javascript-metodlar/</link>
	<description>Yazılımcı Notları</description>
	<lastBuildDate>Sun, 08 Apr 2018 04:57:51 +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 metodlar arşivleri - Mehmet Kirazlı</title>
	<link>https://www.mehmetkirazli.com/tag/javascript-metodlar/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>JavaScript Dersleri 4 : Fonksiyonlar ve Uyarı Mesajları</title>
		<link>https://www.mehmetkirazli.com/javascript-dersleri-4-fonksiyonlar-ve-uyari-mesajlari/</link>
					<comments>https://www.mehmetkirazli.com/javascript-dersleri-4-fonksiyonlar-ve-uyari-mesajlari/#respond</comments>
		
		<dc:creator><![CDATA[Mehmet Kirazlı]]></dc:creator>
		<pubDate>Sat, 08 Feb 2014 16:42:11 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[javascript alert]]></category>
		<category><![CDATA[javascript dersleri]]></category>
		<category><![CDATA[javascript fonksiyon çağırma]]></category>
		<category><![CDATA[javascript fonksiyonlar]]></category>
		<category><![CDATA[javascript metodlar]]></category>
		<category><![CDATA[javascript uyarı mesajı verme]]></category>
		<guid isPermaLink="false">http://www.mehmetkirazli.com/?p=1801</guid>

					<description><![CDATA[<p>Merhaba. Bu yazıda parametreli ve parametresiz fonksiyon oluşturmayı, uyarı mesajları göstermeyi yazacağım. Bunun için bir buton oluşturacağım ve tıklandığında bir fonksiyon çağırarak uyarı mesajı gösterilecek. İlk olarak sayfamızın boş halini göstereceğim. Burada 1 numaralı alanda fonksiyon tanımlayacağız. Fonksiyonları body kısmından ziyade burada tanımlamak daha faydalıdır. Çünkü bu kısımdaki kodlar, sayfa ilk açıldığında ilk çalışan kısımdır. &#8230;</p>
<p>The post <a rel="nofollow" href="https://www.mehmetkirazli.com/javascript-dersleri-4-fonksiyonlar-ve-uyari-mesajlari/">JavaScript Dersleri 4 : Fonksiyonlar ve Uyarı Mesajları</a> appeared first on <a rel="nofollow" href="https://www.mehmetkirazli.com">Mehmet Kirazlı</a>.</p>
]]></description>
										<content:encoded><![CDATA[<p><span style="line-height: 1.5em;">Merhaba. Bu yazıda parametreli ve parametresiz fonksiyon oluşturmayı, uyarı mesajları göstermeyi yazacağım.</span></p>
<p><span id="more-1801"></span>Bunun için bir <span style="color: #ff0000;">buton</span> oluşturacağım ve tıklandığında bir fonksiyon çağırarak<span style="color: #ff0000;"> uyarı mesajı</span> gösterilecek. İlk olarak sayfamızın boş halini göstereceğim.</p>
<p><a style="line-height: 1.5em;" href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod12.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1802 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod12-300x280.png" alt="javascript fonksiyonlar" width="300" height="280" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod12-300x280.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod12.png 373w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Burada 1 numaralı alanda <span style="color: #ff0000;">fonksiyon</span> tanımlayacağız. Fonksiyonları <span style="color: #ff0000;">body</span> kısmından ziyade burada tanımlamak daha faydalıdır. Çünkü bu kısımdaki kodlar, sayfa ilk açıldığında ilk çalışan kısımdır. Ben bu şekilde tercih ediyorum. <span style="color: #ff0000;">Head</span> kısmında da <span style="color: #ff0000;">javascript</span> kullanacağım için fonksiyon oluşturma kodlarını da<span style="color: #ff0000;"> &lt;script&gt;</span> etiketi arasında yazıyorum. 2.kısımda ise fonksiyonumu çağıracağım ve buton oluşturacağım.</p>
<p>Şimdi ilk olarak fonksiyon oluşturalım. Fonksiyon oluşturmak için <strong><span style="color: #ff0000;">function</span></strong> anahtar kelimesinden sonra<span style="text-decoration: underline;"> fonksiyon ismi</span> yazılır ve <span style="text-decoration: underline;">süslü parantezler</span> içerisine de kodlar yazılır.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod21.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1803 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod21-300x273.png" alt="javascript fonksiyonlar" width="300" height="273" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod21-300x273.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod21.png 426w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Bu <span style="color: #ff0000;">mesajGoster()</span> adlı fonksiyonumuz ekranda bir mesaj gösteriyor. Mesajlar,<strong><span style="color: #ff0000;"> alert()</span> </strong>fonksiyonuyla verilir. <span style="color: #ff0000;">mesajGoster()</span> fonksiyonumuz <span style="text-decoration: underline;">parametre almadan</span> işlev görüyor.</p>
<p>Şimdi bu fonksiyonu çağıralım. Bunu ben butona basınca çağırarak yapmayı tercih ettim. Siz doğrudan <span style="color: #ff0000;">mesajGoster()</span> diyerek çağırabilirsiniz.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod3.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1804 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod3-300x167.png" alt="javascript fonksiyonlar" width="300" height="167" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod3-300x167.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod3.png 778w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Butonu <strong>&lt;form&gt;</strong> etiketiyle yapıyoruz. Bunun yapılışına çok değinmeyeceğim. Burada butonun <span style="color: #ff0000;">onclick</span> özelliğine fonksiyonu yazıyoruz yani butona tıklanınca bu <span style="color: #ff0000;">fonksiyon</span> çağrılsın.</p>
<h3><strong>Ekran Çıktıları</strong></h3>
<p>Ekran çıktılarımız aşağıdaki gibi olacaktır.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran11.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1805 size-full" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran11.png" alt="javascript fonksiyonlar" width="173" height="133" /></a></p>
<p>Butona tıklanınca :</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran21.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1806 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran21-300x64.png" alt="javascript fonksiyonlar" width="300" height="64" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran21-300x64.png 300w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran21.png 871w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<p>Şimdi geriye <strong><span style="color: #ff0000;">değer döndüren</span></strong> fonksiyonlara örnek vereceğim.</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod13.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1807 size-medium" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod13-263x300.png" alt="javascript fonksiyonlar" width="263" height="300" srcset="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod13-263x300.png 263w, https://www.mehmetkirazli.com/wp-content/uploads/2014/02/kod13.png 413w" sizes="(max-width: 263px) 100vw, 263px" /></a></p>
<p>Burada <span style="color: #ff0000;">topla</span> ve <span style="color: #ff0000;">carp</span> adında 2 fonksiyon oluşturduk. <span style="color: #ff0000;">Parametreli</span> fonksiyonlarda parametrelerin tipi <span style="text-decoration: underline;">yazılmaz</span>. Bu 2 fonksiyondan ilk olarak <strong><span style="color: #ff0000;">topla</span></strong> fonksiyonunu çağırdık ve burada <span style="color: #ff0000;">return</span> ile dönen değeri tekrar <strong><span style="color: #ff0000;">carp</span></strong> fonksiyonuna gönderdik. Bu çarpma işlemi yapan fonksiyondan dönen değeri de <span style="color: #ff0000;">sonuc</span> değişkenine attık. Son olarak da bunu ekrana yazdırdık.</p>
<p>Çıktımız ise :</p>
<p><a href="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran12.png"><img decoding="async" loading="lazy" class="alignnone wp-image-1808 size-full" src="https://www.mehmetkirazli.com/wp-content/uploads/2014/02/ekran12.png" alt="javascript fonksiyonlar" width="215" height="108" /></a></p>
<p>Fonksiyonların genel yapısı bu şekilde. Belirgin fark olarak, fonksiyona geçirilen parametrelerin tipi yazılmaz diyebiliriz. Bunun dışında syntax olarak bildiğiniz şeyler olduğunu düşünüyorum.</p>
<p>Bir sonraki derste görüşmek üzere&#8230;</p>
<p>The post <a rel="nofollow" href="https://www.mehmetkirazli.com/javascript-dersleri-4-fonksiyonlar-ve-uyari-mesajlari/">JavaScript Dersleri 4 : Fonksiyonlar ve Uyarı Mesajları</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-4-fonksiyonlar-ve-uyari-mesajlari/feed/</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>
