Javascript Örnekleri ve Soruları 2006]

Ebat: px
Şu sayfadan göstermeyi başlat:

Download "Javascript Örnekleri ve Soruları 2006]"

Transkript

1 Hazırlayan: URL: Amaç: Kaynaklar. Ögr.Gör. Mehmet Emin ÖZCAN MYO öğrencileri için Javascript dökümanı Javascript Babylon (kitabından çeviriler ve resimler bulunmaktadır) GAZİANTEP ÜNİVERSİTESİ GMYO BİLGİSAYAR BÖLÜMÜ KASIM-2009 Sayfa 1 / 44

2 JAVASCRİPT Netscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir.aralık 1995 tarihinde, C dilinin tarayıcılara uyarlanmış hali diyebileceğimiz JavaScript piyasaya sürüldü. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim kurmak için kullanılmaktadır. Netscape'in piyasaya sürdüğü script dilinin ismini JavaScript koyması, o dönemde çok telaffuz edilen 'Java' kelimesinin popüleritesinden yararlanmak adına uyguladığı bir pazarlama stratejisiydi, yani pek çok kişinin düşündüğünün aksine Java ile JavaScript arasında isim benzerliği hariç hiçbir benzerlik yoktur. İlk başta yalnızca Netscape tarayıcıları için tasarlanan JavaScript,bir süre sonra Microsoft'un da olaya el atmasıyla ve JavaScript'le neredeyse aynı olan JScript'i piyasaya sürüldü. Fakat sonra bu diller farklı yönlere doğru geliştiler. Şu anda Netscape tarayıcısı JScript'i tanımıyor, fakat Internet Explorer her iki dili de kısmen tanıyor. Yine de iki tarayıcının JavaScript'i yorumlamaları bazen farklılık gösterebiliyor. Tıpkı HTML gibi, JavaScript kodları da yorumlanmak için bir browser'a ihtiyaç duyarlar. Sonuçta bağımsız olarak çalışabilecek bir dosya oluşmaz. JavaScript bir olay halinde işler; olay JavaScript açısından ziyaretçinin bir yere tıklaması, bir tuşa basması vs. olabilir. Ö r n e k 1 //HTML'e gömülmüş örnek <html> <body> <script type="text/javascript"> //programlama dilinin //JavaScript olduğunu belirtir document.write("merhaba Dünya!"); //JavaScript kodu burada biter </body> </html> Ö r n e k 2 //HTML'e gömülmüş örnek <html> <body> <script type="text/javascript"> //programlama dilinin //JavaScriptolduğunu belirtir window.alert("merhaba Dünya!"); //JavaScript kodu burada biter </body> </html> Ağ Tarayıcıları Ağ tarayıcısı kullanıcıların ağ sunucuları üzerinde yer alan HTML sayfalarını açmasını sağlayan yazılımdır. Çeşitli ağ tarayıcıları 1. Gecko tabanlı olanlar (Mozilla, Mozilla Firefox, Netscape, Galeon, K-Meleon, Camino) 2. Internet Explorer tabanlı olanlar (Maxthon (Eski adı MyIE2), NetCaptor, Crazy Browser, NeoPlanet, MSN Explorer, Windows Explorer, Avant Browser) 3. KHTML tabanlı olanlar (Konqueror, ABrowse, Apple Safari, OmniWeb (4.5 ve sonrası) ) 4. Diğer ağ tarayıcıları( Opera, Oregano, Amaya, icab, NetPositive, OmniWeb, Dillo, IBrowse, AWeb, Voyager, Espial Escape, HotJava, Arachne, Off By One, Emacs/W3, Grail, SkyKruzer) 5. Metin tabanlı ağ tarayıcılar (ELinks, Lynx, w3m, Links, Netrik) Not: Bu sayfadaki bilgiler, tarihli adresinden alıntıdır. Sayfa 2 / 44

3 Script : Minik program parçaları anlamına gelmektedir. JavaScript de Kullanılan Nesneleri Tanıyalım Resim1: Tüm Tarayıcıların desteklediği Hiyerarşik YAPI (Nesne Haritası) (JavaScript Bible 4th Edition kitabından alıntıdır). Resim2: Program ve Nesne Haritası (JavaScript Bible 4th Edition kitabından alıntıdır). Sayfa 3 / 44

4 Resim3: Program (Form Eklenmiş) ve Nesne Haritası (JavaScript Bible 4th Edition kitabından alıntıdır). Resim4: Program (Form ve Text Eklenmiş) ve Nesne Haritası (JavaScript Bible 4th Edition kitabından alıntıdır). Sayfa 4 / 44

5 Resim5: Program (Form, Text, Button Eklenmiş) ve Nesne Haritası (JavaScript Bible 4th Edition kitabından alıntıdır). Resim6: Window ve Document in JavaScript dilindeki karşılığı (JavaScript Bible 4th Edition kitabından alıntıdır). Resim7: Form nesnesinin JavaScript dilindeki karşılığı (JavaScript Bible 4th Edition kitabından alıntıdır). Sayfa 5 / 44

6 Resim8: Text nesnesinin JavaScript dilindeki karşılığı (JavaScript Bible 4th Edition kitabından alıntıdır). Resim9: Button nesnesinin JavaScript dilindeki karşılığı (JavaScript Bible 4th Edition kitabından alıntıdır). Sayfa 6 / 44

7 window. document yerine sadece document kullanılabilir. window. document.form1 yerine sadece document.form1 kullanılabilir. Resim10: HTML, ve JavaScript karşılıkları JavaScript Programı Nereye Yazılır. 1. <html><head> Buraya JavaScript ler yazabiliriz.</head><body </body></html> 2. <html><head></head><body> Buraya bir yada daha fazla JavaScript yazabiliriz.</body> ></html> 3. <html><head> Buraya</head><body> ve Buraya JavaScript ler yazabiliriz.</body> </html> 4. Nesnelerin (=body button, testfield.) olaylarına (=onkeydown, onmousemove=) yazılır <input type="button" name="button" value="button" onkeydown="buraya JavaScript kodu yazabiliriz" > JavaScript Programı Nasıl Yazılır. 1. JavaScript kodu olaylar a direkt yazılır. etiketi kullanılmaz. 2. bady veya head bloğu içine yazılan javascript kodları <script> etiketi arasına yazılır...[java script kodlarını buraya yazılır] 3. document.write("a Yazılacak Yazı") komutu ilk kurulan ekranı siler yeni ekrana içindeki yazıyı yazar. İçine html komutları yazılabilir. 4. Javascript de genellikle her kod bir satıra yazılır (her kod bir satıra yazılınca noktalı virgül [;] kullanılmaz). Aynı satıra birden fazla kod yazmak zorunda kalırsak aralarına noktalı virgül konur. Sayfa 7 / 44

8 1) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> document.write("merhaba MYO") Merhaba MYO </body></html> 2) a Merhaba MYO yazsan, (Head içinde) Javascript programı yazın. <html><head> document.write("merhaba MYO") Merhaba MYO </head> <body></body></html> 3) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> document.write("merhaba "+"MYO") Merhaba MYO </body></html> 4) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> a="merhaba "; Merhaba MYO document.write(a+"myo") </body></html> 5) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> document.write("merhaba ") Merhaba MYO document.write("myo") </body></html> 6) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> document.write("merhaba ") Merhaba MYO document.write("myo") Sayfa 8 / 44

9 </body></html> 7) a Merhaba MYO yazsan, (Body içinde) Javascript programı yazın. <html><head></head><body> a="merhaba "; b="myo"; document.write(a+b) </body></html> Merhaba MYO 8) a Merhaba MYO yazsan, (Head içinde) Javascript programı yazın. <html><head> a="merhaba "; b="myo"; Merhaba MYO document.write(a+b) </head><body></body></html> 9) a 3 tamsayısını yazan Javascript programı yazın. <html><head> document.write(3) </head><body></body></html> 10) a 3 ile 5 in toplamını yazan Javascript programı yazın. <html><head> document.write(3+5) </head><body></body></html> 11) a ali ile veli yi yan yana yazan Javascript programı yazın. <html><head> document.write("ali"+"veli") </head><body></body></html> 12) a ali ile veli yi alt alta yazan Javascript programı yazın. <html><head> document.write("ali"+"<br>"+"veli") </head><body></body></html> 3 8 aliveli ali veli Sayfa 9 / 44

10 FONKSİYON İFADELERİ JavaScript kodları genelde fonksiyonlara yazılır. Fonksiyon, içine kod satırlarını yazıldığı, çağrılınca bu satırları icra eden kısayollar gibidir. 1. fonksiyonlar [function Fonksiyonİsmi (gelen parametreler) işlem_satırları] şeklinde tanımlanır. function ilkfonksiyonum() document.write('merhaba MYO') 2. fonksiyonlar geriye değer dönderiyorsa return kelimesi kullanılır. function cikar(x, y) var sonuc = x - y; return sonuc; 3. fonksiyonlar geri deger döndermiyorsa return kelimesi kullanılmaz function toplayaz( x,y) document.write(x+y) 4. fonksiyonlar [var degişken=function (gelen parametreler) işlem_satırları] şeklindede tanımlanır. var carp function( x,y) var sonuc = x * y; return sonuc 5. fonksiyonlar isimleri yazılarak çağrılırlar. var carp1 function( x,y) var sonuc = x * y; return sonuc a=carp1(3,5); // a nın değeri 15 dir. function carp2 (x,y) var sonuc = x * y; return sonuc a=carp2(3,5); // a nın değeri 15 dir. a=carp3(3,5); // a nın değeri 15 dir. function carp3 (x,y) var sonuc = x * y; return sonuc 6. fonksiyonlar çağrıldıklarında parametre eksikse hata mesajı verirler. function topla(x, y) var toplam = x + y; return toplam; a=topla() // a nın değeri NaN dir. Böyle bir fonksiyon tanımlanmamıştır. 7. fonksiyonlar çağrıldıklarında parametre fazla ise fazla paremetreleri görmezlikten gelir. function topla(x, y) var toplam = x + y; return toplam; a=topla(2, 3, 4) // a nın değeri 5 dir. // İlk iki parametreyi kabul eder. 4 iptal olur. 8. fonksiyonlarda arguments kelimesi gelen parametreleri temsil eder. function topla1() var toplam = 0; j = arguments.length; // j gönderilen parametre adedine eşittir. for (var i = 0; i < j; i++) toplam+= arguments[i]; return toplam; x=topla1(3); //x in değeri 3 x=topla1(3, 5) //x in değeri 8 x=topla1(3, 5, 7) //x in değeri 15 x=topla1(3, 5, 7, 11) //x in değeri 26 x=topla1(1, 3, 5, 7, 11) //x in değeri 27 function ortala(sayi) var toplam = 0; for (var i = 0, j = sayi.length; i < j; i++) toplam += sayi[i]; return toplam / sayi.length; x= ortala (3); //x in değeri 3 x= ortala (3, 5) //x in değeri 4 x= ortala (3, 5, 7) //x in değeri 5 x= ortala (3, 5, 7, 11) //x in değeri 6.5 Sayfa 10 / 44

11 13) Ali yazıp bir alt satıra inen fonksiyon ve bu fonksiyonu üç kez çağıran programı yazın. <html><head> function aliyaz() document.write("ali <br>") ali ali aliyaz() ali aliyaz() aliyaz() </head><body></body></html> 14) Ali yazısını ekrana yazan fonksiyonun kodlarını ekrana yazan programı yazın. <html><head> function aliyaz() document.write("ali") function aliyaz() document.write("ali") document.write(aliyaz) </head><body></body></html> 15) Ali yazısını ekrana yazan fonksiyonu çağırarak ekrana ali yazan programı yazın. <html><head> function aliyaz() document.write("ali") ali document.write(aliyaz()) </head><body></body></html> 16) Ali yazısını ekrana yazan fonksiyonu çağırarak ekrana ali yazan programı yazın. <html><head> var aliyaz function() document.write("ali") document.write(aliyaz()) ali </head><body></body></html> 17) Ali yazan, bir satir aşağı inen ve ali yazıp bir satir aşağı inen fonksiyonları ve bu fonksiyonları çağırarak 3x3 matris seklinde ali leri yan yana alt alta yazan programı yazın <html><head> function AliYaz() document.write("ali ") function SatirAtla() document.write("<br>") function AliYazSatirAtla() AliYaz(); AliYaz(); AliYaz(); SatirAtla(); ali ali ali ali ali ali </head><body> AliYaz();AliYaz(); AliYaz(); SatirAtla(); AliYazSatirAtla();AliYazSatirAtla() </body></html> ali ali ali Sayfa 11 / 44

12 18) Hücrelerinde ali yazısı olan 2x2 lik bir tablo çizen tablociz isimli fonksiyonu <body> bloğu içinde çağıran programı yazın. <html><head> function tablociz() document.write("<table border=1><tr> <td>ali</td><td>ali</td> </tr>" ) ali ali document.write(" <tr> <td>ali</td><td>ali</td> </tr> </Table>" ) ali ali </head><body> tablociz() </body></html> 19) 3 ile 5 i, 8 ile 1 i toplayıp sonucu yazan fonksiyonu çağıran programı yazın. <html><head> function toplayaz( x,y) t=x+y; document.write( x+"+"+y+"=>"+t+"<br>") </head><body> toplayaz( 3,5); toplayaz( 8,1); </body></html> 3+5=8 8+1=9 20) 3 ile 5 i, 8 ile 1 i yan yana ekleyen ve sonucu yazan fonksiyonu çağıran programı yazın. <html><head> function toplayaz( x,y) t=""+x+y; document.write( x+"+"+y+"=>"+t+"<br>") 3+5=35 </head><body> 8+1=81 toplayaz( 3,5); toplayaz( 8,1); </body></html> 21) 5 in karesini kare foksiyonunda hesaplayan ve sonucu ekrana yazan programı yazınız. <html> <head> 25 function kare() return arguments[0]* arguments[0]; document.write( kare(5)); </head> <body> </body> </html> Sayfa 12 / 44

13 OPERATÖRLER Arithetik Operatörler + (Toplama) İki Sayıyı toplar. ++ (Bir arttır) değişkeni bir arttırır ve değişkenin önceki veya sonraki değerini verir. - (Negatif, Çıkarma) sayının negatif yapar, Birinci sayıdan ikincisini çıkartır. -- (Bir azalt) değişkenin önüne gelirse önce,sonuna gelirse sonra değişkeni 1 arttırır. * (Çarpa) ili sayıyı çarpar. / (Bölme) İki Sayıyı böler. % (Mod) İki sayının bölümünden kalan.. String Operatörleri + iki yazıyı yan yana ekler += iki yazıyı yan yana ekler ve sonucu değişkene atar. Mantıksal Operatörler && (Mantıksal VE) doğru VE doğru doğrudur, diğerleri yanlıştır (Mantıksal VEYA) yanlış VEYA yanlış yanlıştır, diğerleri doğrudur.! (Mantıksal DEĞİL) doğrunun DEĞİL i yanlıştır Bit lik Operatörler & (Bit seviyesinde AND) 15 & 9 sonuc 9 dur. (1111 & 1001 = 1001) ^ (Bit seviyesinde XOR) 15 ^ 9 sonuc 6 dır. (1111 ^ 1001 = 0110) (Bit seviyesinde OR) 15 9 sonuc 15 dir. ( = 1111) ~ (Bit seviyesinde NOT) << (Bit seviyesinde sola kaydır.) >> (Bit seviyesinde sağa kaydır.) >>> (Bit seviyesinde Sıfır ekleyerek sağa kaydır) Atama Operatörleri = (atama). Sağdaki ifadelerin sonucunu soldaki değişkene atar, aktarır. += (üzerine ekle) -= (çıkar) *= (kendisi ile çarp) /= (kendisine böl) %= (kendisine bölümden kalanı) &= (bit seviyesinde AND le) ^= (bit seviyesinde XOR la) = (bit seviyesinde OR la) <<= (bit seviyesinde sola kaydır) >>= (bit seviyesinde sağa kaydır) >>>= (bit seviyesinde sıfır ekleyerek sağa kaydır) Karşılaştırma Operatörleri == (eşitmi)!= (eşitdeğilmi) === (denkmi)!== (denkdeğilmi) > (büyükmü) >= (büyükeşitmi) < (küçükmü <= (küçükeşitmi Sayfa 13 / 44

14 Özel Operatörler?: (if( ) else ile aynı işlemi yapar) a= (2<3)? 2 küçüktür 3 den : 2 küçük değildir 3 den, (iki olayı birbirinden ayırır) for(i=1,j=2,k=3;i<5;i++,j=k+i) delete (nesne ve ilgili nesneye ait herşeyi siler) x=42; delete x new (yeni nesne oluşturmak için kullanılır) this (ilgili nesneyi temsil eder) typeof (değişken tipini verir) var X= ali ; a=typeof X is string void (değer taşımaz anlamındadır) örnek: <A HREF="javascript:void(0)">Burayı tıkla, bir yapmam</a> <A HREF="javascript:void(document.form.submit())">Burayı tıkla dosyayı göndereyim</a> örnek: X=new Array("ali","veli","selami"); delete X[1]; // X[1] yoktur üzerinde işlem yapılamaz. örnek: X=new Array("ali","veli","selami"); X[1]=undefined; // X[1] vardır üzerinde işlem yapılabilir. DEĞİŞKENLER 1. Satır sonuna açıklama yazmak için // kullanılır. Birkaç satırlık açıklama için /* */ kullanılır. var /* buraya açıklama yapabilirim */ a; // buraya da açıklama yapabilirim 2. Değişkenin başına var kelimesi getirilir ( Getirilmese de olur) var a; // a isimli değişken oluştur 3. Değişkenlere ilk değer atanabilir. Var a=3; // a değişkenin oluştur 3 rakamını ilk değer olarak ata. b=4; // b değişkenin oluştur 4 rakamını ilk değer olarak ata. Var kelimesi kullanılmadı c=a+b+2; // c değişkenin oluştur a+b+2 nin karşılığı olan 9 rakamını ilk değer olarak ata. 4. Değişkenler rakam ile başlamaz Var 12a // HATA: 12a isimli değişken olamaz 5. Değişken ismi 255 karakterden fazla olamaz. 6. Özel JavaScript fonksiyonlarının ismi değişken ismi olamaz Var Function=5 // HATA: function özel bir kelimedir değişken ismi olamaz 7. Boşluk veya operatör(+-*/%&! < > =) içermez var a+b // HATA: a+b isimli değişken olamaz var kayit parasi=100 // HATA: değişken isimleri boşluk içermez var 3=x // HATA: x değeri 3 rakamına atanamaz. 3 hiçbir zaman değişmez atama kabul etmez. var 123a=8 // HATA: değişkenler rakamla başlamaz var ışı_üret_çıkar=8 // HATA: değişkenler Türkçe harf almazlar var a b // HATA: ab veya a yı ayrı b yi ayrı tanımlayın Sayfa 14 / 44

15 8. Değişken isimleri Küçük büyük harfe duyarlıdır. Var a=3; a=5 ; // a nın değeri 5 dir Var a=3; A=5; // a nın değeri 3 dür. Çünkü A, a değildir. İkisi birbirinden ayrı ayrı değişkenlerdir. 9. Değişken tipleri Sayı,Yazı,Karşılaştırma,boş,nesne ve fonksiyon olabilir. Tip Yazılabilecek değer ve açıklama String "Merhaba MYO" Number 3.5 Boolean True Null Null Object Aslında her şey object dir. Function Fonksiyon tanımlamada kullanılır 10. Değişkenin tipi değişkene atana değerin tipine göre otomatik değişir. Var a a = "MYO"; // a ya myo yu ata MYO yazısını ata a = null; // a ya myo yu ata null değerini ata a = (1<2) // a ya myo yu ata false değerini ata a = 8 // a ya myo yu ata 8 tamsayısını ata a= 8.3 // a ya myo yu ata 8.3 küsuratlı sayıyı ata a=windows.document.form1 // a ya myo yu ata Windows.document.form1 nesnesini ata 11. Değişkenler ikiye Global ve Lokal olara ikiye ayrılırlar. a) Global (küresel) değişkenler yüklendikleri değerleri program çalıştığı sürece hafızada tutarlar. function topla(a,b) var lokal=5 // a,b ve lokal değişkenini oluştur. lokal a 5 rakamını ata. b) Lokal (yöresel) değişkenler yüklendikleri değerleri program çalıştığı sürece hafızada tutmazlar. var deneme=5; // deneme isimli global değişkeni oluştur. 5 rakamını ata. Function topla(a,b) var x=deneme // x isimli lokal değişkeni denme isimli global değişkenin değerini ata Function topla(x,y) var aaa=5 var deneme=aaa; // HATA: deneme isimli lokal değişkeni aaa nın değeri atanmaz, çünkü aaa in değeri fonksiyonun sonlandırılması ile sonlanmıştır. 12. Atama için = kullanılır; = sağ tarafındakilerin değerini sol taraftaki değişkene aktarır. 13. İşlemler için +, -, *, /, %, +=, -=, *=, /=, %=, ++, -- operatörleri kullanılır. Var a=1; a++; ++a; a+=1; a=a+1; // a nın değeri 5 dir Var b=1; b=-b; // b nin değeri -1 dir. Var c=10/2; d=10%3 ; // c nın değeri 5 dir. d nin değeri 1 dir. Mod 3 e göre 10 veya 10 u 3 bölümünden kalandır d. 14. toplama (+) operatörü; sayıları toplar, yazıları birleştirir, yazı ve sayı karışımı varsa ikisinide yazı gibi görür. NaN ile sayının toplama NaN dır. a="ali"+"veli" // a nın değeri aliveli dir a=2+3 // a nın değeri 5 dir a="2"+"5" // a nın değeri 25 dir. a=2+"5" // a nın değeri 25 dir. a="2"+5 // a nın değeri 25 dir. a=3+6+"9" // a nın değeri "99" dır. önce 3 ile 6 yı toplar. Durum 9+"9" olur.. Sayfa 15 / 44

16 15. 0, "", NaN, null, undefined ifadelerini boolen değeri false dir. Diğerleri true dir a=nan+5 // a nın değeri NaN dır. a=isnan(nan) // NaN Nanmıdır sorusunun cevabı evet yani true dir. a=1/0 // a nın değeri sonsuzdur yani infinitive a=-1/0 // a nın değeri -sonsuzdur yani -infinitive a=!!999 // 0 dışındaki sayılar trudur. True nin değilinin değili yine trıue dir. a=!!"" // harf true dir, harf yoksa false dir. Harf yokun değilinin değili false dir. A= "at"=="at" // a nın değeri true A= 1==true // a nın değeri true. 1 de true dur. True esitmidir True ye? cevap evet A= 1===true // a nın değeri false. === in anlamı denkmidir. Yani birebir heğşeyi denkmidir. A= true===true // a nın değeri true 16. toplama (*) operatörü; sayıları çarpar, yazıları sayıya çevirip çarpar. a="ali"+"veli"*1 // HATA: alfabetik yazılar yazıya çevrilmezler a=2+3*4 // a nın değeri 15. Önce çarpma sonra toplama yapılır. a="2"*1+"5"*1 // a nın değeri 10 a=2+"5"*1 // a nın değeri 10 a="2"*1+5 // a nın değeri 10 a=3+6+"9"*1 // a nın değeri 18 a="3" // a nın değeri 345 a= "5" // a nın değeri Text i rakama çevirmek için parse.() fonksiyonu kullanılır. Matematiksel fonksiyon içim Math sınıfı kullanılır A=parseInt("7") // A nın değeri 7 A=parseInt("7.66") // A nın değeri 7 A=parseFloat("7") // A nın değeri 7 A=parseFloat("7.66") // A nın değeri 7.66 A=Math.sin(30*3.14/180) // A nın değeri 0.5 A=Math.PI * 1 * 1; // A nın değeri 3.14 A=3+6+parseInt("9") // A nın değeri 18 A=parseInt("123") // A nın değeri 123 A=parseInt("010") // A nın değeri 8. Derleyici 010 u ikilik istem kabul eder. A=parseInt("010", 10) // A nın değeri 10. Onluk sistemde 010 ü tamsayıya çevir A=parseInt("123", 10) // A nın değeri 123. Onluk sistemde 123 ü tamsayıya çevir A=parseInt("11", 2) // A nın değeri 3. ikilik sistemde 11 i tamsayıya çevir A=parseInt("selam", 10) // A nın değeri NaN Onluk sistemde selam ı tamsayıya çevir. 18. String in kaç haneden oluştuğunu öğrenmek için length metodu kullanılır. A= (""+"963") // A nın değeri "963" A= (""+"963").length // A nın değeri 3 işlem yapıldıktan sonra length hesaplanır. A= 'Merhaba MYO'.length // A nın değeri 11 A= ('Merhaba MYO').length // A nın değeri String in herhangi bir karekterine ulaşmak için charat() metodu kullanılır A='Merhaba MYO'.charAt(0) // A nın değeri "M" 20. String in herhangi bir karekterine ulaşmak için diziismi[harfsıradı] formatı kullanılır yazi='merhaba MYO'; a=yazı[0]; // a nın değeri "M" b=yazı[1]; // b nın değeri "e" c=yazı[1]; // c nın değeri "r" 21. String i büyük harfe çevimek için touppercase() metodu kullanılır A='Merhaba MYO'.toUpperCase(); /// A nın değeri "MERHABA MYO" 22. String i küçük harfe çevimek için tolowercase() metodu kullanılır A='Merhaba MYO'.toLowerCase(); /// A nın değeri "merhaba myo" Sayfa 16 / 44

17 1) if IF ŞART İFADESİ if( karşılaştırma_veya_sonucu ) doğruysa_icra_edilecek_komutlar if(yas<18) document.write('18 yaşından küçüklere şarap ikram etmiyoruz.') 2) if else if( karşılaştırma_ sonucu ) doğruysa_icra_edilecekler else yanlışşsa_icra_edilecekler if(yas<18) document.write('18 yaşından küçüklere şarap ikram etmiyoruz.') else document.write('bu Şarabın tadını bir tadan bir daha bir daha tatmak ister.') 1) for FOR DÖNGÜ İFADESİ for([ilk değerler];[karşılaştırmalar];[artış])tekrar eden komutlar Not: köşeli parantez [] içindekiler kulamı istege bağlı olduğunu gösterir. Yani for döngüsünü for(;;)document.write('kör döngü buna denir <br>') for(i=1;i<=5;i++)document.write('i nin değeri'+i+'<br>') for(i=1,a=5 ; i<=5 ; i++,a=a+5)document.write('i nin değeri'+a+'<br>') 22) 6,9,3,2,4,9 sayılarından en kücügünü ekrana yazan programı yazınız <html><head> function min(kucuk,x) if( x<kucuk)kucuk=x; ; return kucuk; document.write( min(6,min(9,min(3,min(2, min(4,9))))) </head> <body> <body></html> 2 23) Hücrelerinde 1 rakamı bulunan 1 satır 5 sutun dan oluşan tabloyu çizen programı yazınız <html><head> function satir(x) for(var i=1;i<=x;i++) document.write("<td>1</td>") document.write("<table border=1><tr>"); satir(5); document.write("</tr></table>"); </head> <body> <body></html> 24) Hücrelerinde 1 rakamı bulunan 5 satır 5 sutun dan oluşan tabloyu çizen programı yazınız Sayfa 17 / 44

18 <html><head> function satir(y,z) for(var i=1;i<=y;i++) document.write("<td>"+z+"</td>") function sutun(x,y,z) for(var i=1;i<=x;i++) document.write("<tr>") ; satir(y,z); document.write("<tr>"); document.write("<table border=1>"); sutun(5,5,1); document.write("</table>"); </head> <body> <body></html> ) arası teksayıları göstern açılır menu yü oluşturan JavaScript programını yazınız. Sonraki <html><head> document.write("<select>") for(var i=1;i<=100;i++) var tekse = (i%2==1); if(tekse) document.write("<option>"+i+"</option>") </head> <body><body></html> WINDOW (Pencere) ÖZELLİK VE METODLARI 1) Yeni Pencere açan komut. var Pencere=window.open("dosyaismi.htm","tanım","yükseklik=,genişlik=") self.open() 2) Yeni Pencere kapatan komut. window.close() self.close() close() 3) Pencere statüsü. (Pencerenin statüsü Durum Çubuğundadır) window.satus="" 4) Uyarı Penceresi. window.alert("selam") 5) Onay Penceresi. window.confirm("selam") if(confirm("dosyayı çalıştırayımmı"))location.href= 6) Giriş Penceresi. window.promt("selam") var ad=promt("adın Ne","")) if(ad)alert("merhaba"+ad) Sayfa 18 / 44

19 7) Form a ulaşma.. document.form.length; // kaç adet form bulunuyor document.form[0]; // ilk form a ulaştık document.form1; // ilk form a ulaştık 8) Title ye ulaşmak document.title=""; 9) Sayfanın Title ına ulaşmak document.title=""; 10) location location.href= 11) link (köprü) document.link[n].özellik= <a heref="javascript:void fonksiyonismi([paramatre])" <a> DİZİLER 1) Diziler new Array(diziuzunluğu) komutuyla oluşturulabilir var x=new Array(51) x[0]=5 x[1]=3.1 x[2]= 'ali' x[49]=88 2) Diziler new Array(elaman0, elaman1,..., elamann) komutuyla oluşturulabilir. var x= new Array( ali, veli, selami ) a=x[0]; // a nın değeri ali b=x[1]; // b nın değeri veli c=x[2]; // b nın değeri selami 3) Diziler var değişkenimsi[diziuzunluğu] komutuyla oluşturulabilir. var x[100]=3; //100 elemanlı x dizisi oluştu. Sadece 99 uncu elamanına 3 rakamı atandı. 4) Diziler var değişkenimsi[elaman0, elaman1,..., elamann] komutuyla oluşturulabilir. var x[100,20, Mustafa ]; //3 elemanlı x dizisi oluştu 5) Diziler new Array(); komutuyla oluşturulabilir. var x= Array(); x[99]= merhaba ; // 100 elamanlı x isimli değişken oluştu, 10 uncuda merhaba yazıldı 6) Diziler belli bir elamanına ulaşmak için diziismi[elemanno] yazılır. var x=["ayşe","fatma","nurbahar"]; a=x[2]; // a nın değeri "Nurbahar" 7) Çok boyutlu dizi oluşturmak için önce tek boyutlu dizi oluşturulur, sonra her bir elamana yeni dizin oluşturulur. a = new Array(2); a[0]=new Array(3); a[1]=new Array(3); // 2x3 matris şeklinde a isimli dizi oluştu. Sayfa 19 / 44

20 Dizi Özellikleri (özellik değişken gibi davranır) 8) constructor 9) index 10) input 11) length (dizi uzunlugu) dizinin kaç elamanı olduğunu verir. 12) var X=new Array(9); a=x.length; // a nın degeri 9 var X=new Array(3); var X[0]=new Array(5); var X[1]=new Array(7); var X[2]=new Array(2); a=x.length; // a nın degeri 3 a=x[1].length; // a nın degeri 7 Dizi Metodları (Metodlar fonksiyon gibi davranır) 13) Concat (iki diziyi birbiriyle birleştirip yeni oluşturulan diziye atar). isimler=new Array("ali","veli","selami"); notlar=new Array(7,11,25,33); yenidizi=isimler.concat(notlar) // yenidizi nin son hali array ["ali","veli","selami",7,11,25,33] num1=[1,2,3];num2=[4,5,6];num3=[7,8,9]; num=num1.concat(num2,num3) // num in son hali array [1,2,3,4,5,6,7,8,9] 14) Join (dizinin tüm elemanlarını birleştirip string değişkenine atar). isim = new Array("ali","veli","selami") degisken1=isim.join() // değisken1 in degeri "ali,veli,selami" degisken2=isim.join(", ") // değisken2 nin degeri "ali, veli, selami" degisken3=isim.join(" +") // değisken3 ün degeri "ali+veli+selami" 15) Pop (Diziye atanan son elamanını dönderir) isimler = ["ali", "veli", "selami"]; pop = isimler.pop(); // pop un degeri "selami" 16) Push (Bir yada daha çok elamanı dizinin sonuna ekler. Daha sonra dizi boyutunu dönderir) isimler = ["ali", "veli", "selai"]; push =isimler.push("selami", "ayşe"); // isimler dizisine "selami", "ayşe" için iki elaman daha yükledi a=push; //a nın değeri 5 b=isimler[0]; //b nın değeri "ali" c=isimler[1]; //c nın değeri "veli" d=isimler[3]; //d nın değeri "selami" e=isimler[4]; //e nın değeri "ayşe" 17) reverse (Dizi elamanlarının sırasını tersine çevirir. Örneğin birinci sıradaki sonuncu sıraya, ) sayilar = new Array("bir", "iki", "üç, dört ) sayilar.reverse() a= sayilar[0]; // a nın değeri dört b= sayilar[1]; // b nın değeri üç c= sayilar[2]; // c nın değeri iki d= sayilar[3]; // d nın değeri bir 18) shift (vardıya, Dizinin den ilk elamanını çıkartır, çıkartılan elamanın değerini dönderir sayilar = ["bir", "iki", "üç", "dört"] a = sayilar.shift(); // a nın değeri "bir" sayılar ın değeri ["iki", "üç","dört"] b = sayilar.shift(); // b nın değeri "iki" sayılar ın değeri ["üç", "dört"] Sayfa 20 / 44

21 19) slice 20) splice 21) sort (dizi elamanlarını içindeki değere göre küçükten büyüge sıralar) sayilar = ["bir", "iki", "üç", "dört"] sayilar.sort(); // sayiların değeri ["bir", "dört", "iki", "üç"] /* dört yazısındaki d harfi iki yazısındaki i farfinden önce geli 22) tosource (return komutuyla aynıdır. Diziyi geri dönderir alpha = new Array("ali", "veli", "selam,") alpha.tosource() // returns ["ali", "veli", "selami"] ile aynı anlamdadır. 23) tostring (diziyi stringe çevirir) var aylar = new Array("ocak","şubat","Mart","Nisan") ay=monthnames.tostring() // ay ın değeri "ocak,şubat,mart,nisan" 24) unshift (listenin önüne yeni liste ekler. Shitt in tersi) sayilar = ["bir", "iki", "üç", "dört"] a = sayilar.unshift("sıfır"); // a nın değeri ["sıfır", "bir", "iki", "üç","dört"] b = sayilar.unshift("-2", "-1"); // sayilar ın değeri ["-2", "-1", "sıfır", "bir", "iki", "üç","dört"] 25) unshift (listenin önüne yeni liste ekler. Shitt in tersi) sayilar = ["bir", "iki", "üç", "dört"] a = sayilar.unshift("sıfır"); // a nın değeri ["sıfır", "bir", "iki", "üç","dört"] b = sayilar.unshift("-2", "-1"); // sayilar ın değeri ["-2", "-1", "sıfır", "bir", "iki", "üç","dört"] 26) valueof 26) 4x4 lük matris şeklinde bir dizi oluşturun. Dizinin elamanlarına [satır,sutu] şeklindeki konumlarını yazın. a Satır numarası: ilgili dizi elamanlarının değeri gelecek şekilde bir JavaScript programı yazınız. <html><head> a = new Array(4) for (i=0; i < 4; i++) a[i] = new Array(4) for (i=0; i < 4; i++) for (j=0; j < 4; j++) a[i][j] = "["+i+","+j+"]" for (i=0; i < 4; i++) str = "Satır "+i+":" for (j=0; j < 4; j++) str += a[i][j] document.write (str+";<br>") </head> <body><body></html> Satır 0: [0,0][0,1][0,2][0,3]; Satır 1: [1,0][1,1][1,2][1,3]; Satır 2: [2,0][2,1][2,2][2,3]; Satır 3: [3,0][3,1][3,2][3,3]; 27) Sayfa yüklendiğinde a Merhaba MYO yazsan, (Body de) Javascript programı yazın. <html><head></head> <body onload="document.write('merhaba MYO')" > Merhaba MYO </body></html> Sayfa 21 / 44

22 28) Sayfa yüklendiğinde (fonksiyon çağırarak) a Merhaba MYO yazsan programı yazın. <html><head> function ilkfonksiyonum() document.write('merhaba MYO') Merhaba MYO </head> <body onload=" ilkfonksiyonum()" > </body></html> 29) Button tıklandığında (fonksiyon çağırarak) a Merhaba MYO yazsan programı yazın. (Sayfadaki text ve Button un kaybolduğuna dikkat ediniz). Önceki Sonraki <html><head> function ilkfonksiyonum() document.write('merhaba MYO') </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield" value="88"> <input type="button" name="button" value="button" onclick="ilkfonksiyonum()" > </form> </body></html> Merhaba MYO 30) Button tıklandığında a Merhaba MYO yazsan programı yazın. (Sayfadaki text ve Button un kaybolduğuna dikkat ediniz). Önceki Sonraki <html><head> function ilkfonksiyonum() document.write('merhaba MYO') </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield" value="88"> <input type="button" name="button" value="button" onclick=" document.write('merhaba MYO')" > </form> </body></html> Merhaba MYO 31) HaftaninGunleri isimli bir dizi oluşturun, içine ilk değer olarak aşağıdaki günleri yazın Pazar,Pazartesi,Salı,Çarşamba,Perşembe,Cuma,Cumartesi <html><head> var HaftaninGunleri= new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe", "Cuma","Cumartesi"); </head> <body> <body></html> Sayfa 22 / 44

23 32) HaftaninGunleri isimli bir dizi oluşturun, içine aşağıdaki günleri yazın Pazar,Pazartesi,Salı,Çarşamba,Perşembe,Cuma,Cumartesi <html><head> var HaftaninGunleri= new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe", "Cuma","Cumartesi") HaftaninGunleri[0]="Pazar" HaftaninGunleri[1]="Pazar Pazartesi" HaftaninGunleri[2]="Salı" HaftaninGunleri[3]="Çarşamba" HaftaninGunleri[4]="Perşembe" HaftaninGunleri[5]="Cuma" HaftaninGunleri[6]="Cumartesi" </head> <body> <body></html> 33) Haftanın günleri ilk değer olarak atanmış Gunler isimli bir diziyi oluşturun. 4 üncü günü dizi içinde 3 üncü sıradaki günü ekrana yazın. <html><head> 4 üncü gün var Gunler= new Array("Pazar","Pazartesi","Salı","Çarşamba","Perşembe", "Cuma","Cumartesi"); Çarsamba document.write("4 üncü gün <br>"+gunler[4-1]) </head> <body> <body></html> 34) Gezegen sırası girildiğinde Gezegenin ismini veren sayfayı yazınız. <html><head> var Gezegen= new Array("Merkür","Venüs","Dünya", "Mars", "Jüpiter", "Satürn","Uranüs", "Neptün","Plüton") function kacincigezegen() form1.text2.value=gezegen[form1.text1.value-1] </head> <body> <form name="form1" method="post" action=""> Gezegen sırası <input type="text" name="text1" value=3><br> Gezegen ismi <input type="text" name="text2" ><br> <input type="button" value="button" onclick=" kacincigezegen()" > </form><body></head> 35) Menüden Secilen Şehri Textfield da gösteren programı yazınız. Önceki Sonraki <html><head> // daha fazla il için tr.wikipedia.org a bakın function SecSehir() onek=document.form1.liste form1.text1.value=onek.options[onek.selectedindex].text </head> <body> <form name="form1"> Seçilen il <br> <input type="text" name="text1" ><br> Listeden Seçin <br> <select name="liste" onchange="secsehir()"> <option value="322">adana</option> <option value="416"> Adıyaman</option> <option value="272">afyon </option> <option value="472">ağrı </option> <option value="382">aksaray </option> <option value="358">amasya </option> </select> </form><body></head> Sayfa 23 / 44

24 36) Menüden Secilen Şehrin Telefon alan kodunu veren programı yazınız. Önceki Sonraki <html><head> // daha fazla il için tr.wikipedia.org a bakın function ilalankodu() onek=document.form1.liste form1.text1.value=onek.options[onek.selectedindex].value </head> <body> <form name="form1"> İl Alan Kodu<br> <input type="text" name="text1" ><br> Listeden Seçin <br> <select name="liste" onchange="ilalankodu()"> <option value="322">adana</option> <option value="416"> Adıyaman</option> <option value="272">afyon </option> <option value="472">ağrı </option> <option value="382">aksaray </option> <option value="358">amasya </option> </select> </form><body></head> 37) textfield1 e SELAM yaz. Önceki Sonraki <html><head> function yaz() document.form1.textfield1.value="selam" </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield1" value="88"> <input type="button" name="button" value="button" onclick="yaz()" > </form></body></html> 38) textfield1 deki veriyi textfild2 ye kopyala. Önceki Sonraki <html><head> function yaz() yazi=document.form1.textfield1.value document.form1.textfield2.value=yazi </head> <body> <form name="form1" method="post" action=""> <input type="text" name="textfield1" value="ali"> <br> <input type="text" name="textfield2" value="88"> <br> <input type="button" name="button" value="button" onclick="yaz()" > </form></body></html> 39) text1 ve text2 ye SELAM yaz. Önceki Sonraki <html><head> function yaz() document.form1.text1.value= document.form1.text2.value="selam" </head> <body> <form name="form1"> <input type="text" name="text1" > <br> <input type="text" name="text2" > <br> <input type="button" value="button" onclick="yaz()" > </form></body></html> Sayfa 24 / 44

25 40) textfield1 ve textfild2 deki yazıları textfild3 de yan yana yaz. Önceki Sonraki <html><head> function yaz() x=document.form1; x.text3.value=x.text1.value+x.text2.value; </head> <body> <form name="form1"> <input type="text" name="text1" value="ali"> <br> <input type="text" name="text2" value="veli"> <br> <input type="text" name="text3" value="selami"> <br> <input type="button" value="button" onclick="yaz()" > </form></body></html> 41) textfield1 deki yazının harflerini büyük harflere çevir. <html><head> function yaz() x=document.form1; x.text1.value=x.text1.value.touppercase(); </head> <body> <form name="form1"> <input type="text" name="text1" value="aliveli"> <br> <input type="button" value="button" onclick="yaz()"> </form></body></html> 42) textfield1 deki rakama bir arttır <html><head> function yaz() x=document.form1.text1; x.value=parseint(x.value)+1; </head> <body> <form name="form1"> <input type="text" name="text1" value="1"> <br> <input type="button" value="button" onclick="yaz()"> </form></body></html> 43) textfield1 deki rakam adedince ekrana alt alta Selam yazın. <html><head> function yaz() x=parseint(document.form1.text1.value); for(i=1; i<=x;i++)document.write('selam <BR>') ; </head> <body> <form name="form1"> <input type="text" name="text1" value="5"> <br> <input type="button" value="button" onclick="yaz()"> </form></body></html> Önceki Sonraki Önceki Sonraki Önceki Sonraki SELAM SELAM SELAM SELAM SELAM 44) Sayfa yüklendiğinde Merhaba MYO yazan alert penceresini aktif eden programı yazın. <html> <head> </head> <body onload="window.alert('merhaba MYO')" > </body> </html> Sayfa 25 / 44

26 45) Fare Link üzerine gelince Durum Çubuğuna Merhaba yaz. <html> <head> </head> <body> <form name="form1"> <a href="" onmouseover="window.status='merhaba';return true">gel Gör </a> </form></body></html> Önceki Sonraki 46) yeni pencere oluşturan ve silen programı yazın. Önceki Sonraki <html><head> var yenipencere; function PencereYap() yenipencere=window.open("","","height=300,width=200"); function PencereSil() if (yenipencere) yenipencere.close(); yenipencere=null; </head> <body> <form name="form1"> <input type="button" value="button1"onclick="pencereyap()"><br> <input type="button" value="button2" onclick="penceresil()"> </form></body></html> Sayfa 26 / 44

27 NESNELER & OLAYLAR Görsel programlamaların görsel olmayan programlardan en büyük farkı, olaylar karşısında tetiklenmeleridir. Programcı programında falan olay olduğunda şu kodları icra et komutunu yine program sayesinde yapmaktadır. JavaScript de olayları nesneler çağırır <form>, <body>, <input> birer nesnedir. Nesnenin içine olayı tetiklemek için, olay_ismi= javascript kodu şeklinde yazmak yeterlidir. 47) Button nesnesi sınırları içinde, fare tuşu tıklama olayı olduğunda, ekrana merhaba yazan program yazınız Önceki Sonraki <html><head></head> <body> <form> <input type="button" onclick="document.write('merhaba')" > </form> </body></html> 48) Button nesnesi sınırları içinde, fare tuşu tıklama olayı olduğunda, ekrana merhaba yazan fonksiyonu tetikleyen program yazınız Önceki Sonraki <html><head> function merhabayaz() document.write('merhaba') </head> <body> <form> <input type="button" onclick="merhabayaz()"> </form> </body></html> JavaScript olay isimleri: onabort, onblur, onchange, onclick, ondblclick, ondragdrop, onerror, onfocus, onkeydown, onkeypress, onkeyup, onload, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onmove, onreset, onresize, onselect, onsubmit, onunload, JavaScript de olay lar: Not: 1) olaylar nesneler tarafından çağrılır. <input type="button" onclick="merhabayaz()"> Not: 2) olaylar, fonksiyon gibide çağrılabilirler. Form1.submit() ; form1. button1.select() gibi. 1. onabort ([nesne] iptal edildiğinde) Resim boyutu büyük ve inmesi zaman aldığında ziyaretçi tarayıcının iptal tuşuna basarak iptal olayı tetikler. ilgili nesneler: Image ilgili olaylar: event, onerror, onload örnek1: //resim yüklenirken iptal edilmek istendiğinde resim i kapatamasın uyarısı yapan kod <IMG NAME="oglum" SRC="musa.gif" onabort="alert('resim i kapatamasın!')" > 2. onblur ([nesne] terkedildiğinde) ilgili nesneler: Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, window ilgili olaylar: event, onchange, onfocus örnek1: // text kutucuğu terkedildiğinde gülegüle yazılı uyarı penceresini getiren kod <INPUT TYPE="text" onblur="alert ('gülegüle') "> Sayfa 27 / 44

28 3. onchange ([nesne] verisi değiştirildiğinde) ilgili nesneler: FileUpload, Select, Text, Textarea ilgili olaylar: event, onblur, onfocus örnek1: // text kutucuğundaki text değiştiğinde değişti yazan uyarı penceresini getiren kod <INPUT TYPE=" Text" onclick="alert ('değişti')"> 4. onclick ([nesne üzeride fare tuşu] tıklandığında) ilgili nesneler: Button, document, Checkbox, Link, Radio, Reset, Submit ilgili olaylar: event örnek1: // Button tıklandığında tıklandı yazan uyarı penceresini getiren kod <INPUT TYPE=" Button" onclick="alert (tıklandı)"> 5. ondblclick ([nesne üzerinde fare tuşu] çift tıklandığında) ilgili nesneler: document, Link ilgili olaylar: event örnek1: // Button çift tıklandığında tıklandı yazan uyarı penceresini getiren kod <INPUT TYPE=" Button" onclick="alert (çift tıklandı)"> 6. ondragdrop ([nesneye bişeyler] sürüklenip bırakıldığında) ilgili nesneler: window ilgili olaylar: event 7. onerror ([nesnede] hata olduğunda) Tarayıcının javascript i yorumlayamaması veya resim yüklenememesi durumunda hata olayı tetiklenir. Sadece JavaScript hatalarını görüntüler. ilgili nesneler: Image, window ilgili olaylar: event, onabort, onload örnek1: resim yüklenirken hata olduğunda hata mesajını yansıtmayan kod <IMG NAME="imageBad1" SRC="corrupt.gif" ALIGN="left" BORDER="2" onerror="null"> 8. onfocus ([nesne] odaklanıldığında, ilgi odağı olunduğunda, dikkat odağı olunduğunda, fokuslanıldığında, aktif olduğu zaman zarfında) Bir resim çekilmeden önce nasıl ki resme odaklanmak fokuslanmak gerekiyor, öyle de, bir nesne üzerinde işlem yapmadan önce nesne üzerine odaklanılır. ilgili nesneler: Button, Checkbox, FileUpload, Layer, Password, Radio, Reset, Select, Submit, Text, Textarea, window ilgili olaylar: event, onblur, onchange örnek1: resim her gözlenildiğinde status bara gözleniyorsun yazan kod <IMG SRC="emin.gif" onfocus="document.status='gözleniyorsun' "> 9. onkeydown ([nesne aktif ve] klavye tuşuna basıldığında ) ilgili nesneler: document, Image, Link, Textarea ilgili olaylar: event, onkeypress, onkeyup örnek1: text kutusuna klavyeden girilecek her harfi önce uyarı penceresinde gösteren kod <input type="text" onkeydown="alert(string.fromcharcode((event.which)? event.which : event.keycode))"> 10. onkeypress ([nesne aktif ve] klavye tuşu basılı iken) ilgili nesneler: document, Image, Link, Textarea ilgili olaylar: event, onkeydown, onkeyup örnek1: text kutusuna klavyeden girilen her harfi uyarı penceresinde gösteren kod <input type="text" onkeypress="alert(string.fromcharcode((event.which)? event.which : event.keycode))"> Sayfa 28 / 44

29 11. onkeyup ([nesne aktif ve] klavye tuşu bırakıldığında) ilgili nesneler: document, Image, Link, Textarea ilgili olaylar: event örnek1: text kutusuna klavyeden harf girildikten sonra uyarı penceresinde gösteren kod <input type="text" onkeyup="alert(string.fromcharcode((event.which)? event.which : event.keycode))"> 12. onload ([nesne] yüklendiğinde) ilgili nesneler: Image, Layer, window ilgili olaylar: event, onabort, onerror, onunload örnek1: sayfa açıldığında ekranda Merhaba Sayfama hoşgeldin! yazan kod <BODY onload="window.alert("merhaba Sayfama hoşgeldin!")> örnek2: Yükleme anında Nurbahar.gif isimli resmi bulamassa musacan.gif isimki resmi yükleyen kod. <SCRIPT>imageA = new Image(50,50); imagea.onload=displayalert; imagea.src="musacan.gif" function displayalert(theimage) if (theimage==null) alert('resim yükleniyor') else alert(theimage.name + ' yüklendi.') </SCRIPT> <IMG NAME="imageB" SRC="nurbahar.gif" ALIGN="top" onload=displayalert(this)><br> örnek3: 6 resim var program e yeniden yüklendiğinde farkli bir resmi gösteren program <SCRIPT> var cycles=0 </SCRIPT> <IMG ALIGN="top" SRC="musacan.gif" BORDER=0 onload="++cycles"> <INPUT TYPE="button" VALUE="Count Loops" onclick="alert('the animation has looped ' + cycles + ' times.')"> <SCRIPT> var whichimage=0 var maximages=5 function changeanimation(theimage) ++whichimage if (whichimage <= maximages) var imagename="!anim" + whichimage + ".gif"; theimage.src=imagename else whichimage=-1; return </SCRIPT> <IMG NAME="changingAnimation" SRC="!anim0.gif" BORDER=0 ALIGN="top" onload="changeanimation(this)"> 13. onmousedown ([nesne üzerinde] Fare tuşuna basıldığında) ilgili nesneler: Button, document, Link ilgili olaylar: event 14. onmousemove ([nesne üzerinde] Fare hareket ediyorsa) ilgili nesneler: ilgili nesne yok ilgili olaylar: event, document.captureevents 15. onmouseout ([nesne üzerindeki] Fare uzaklaştığında) ilgili nesneler: Layer, Link ilgili olaylar: event, onmouseover 16. onmouseover ([nesne üzerinde] Fare mevcut ise) ilgili nesneler: Layer, Link ilgili olaylar: event, onmouseout örnek1: üzerine gelindikten sonra satatus e özcan sitesine gider yazan kod <A HREF=" onmouseover="window.status='ozcan sitesine gider!'; return true">tılayınız</a> 17. onmouseup ([nesne üzerinde] Fare tuşu bırakıldığında) ilgili nesneler: Button, document, Link ilgili olaylar: event Sayfa 29 / 44

30 18. onmove ([nesne üzerinde] Fare hareket ediyorsa) ilgili nesneler: window ilgili olaylar: event function open_now() var mywin; mywin=window.open("","displaywindow","width=400,height=400,menubar=no, location=no,alwaysraised=yes"); var text="<html><head><title>test</title></head> <body bgcolor=white><h1>please move this window</h1></body></html>"; mywin.document.write(text); mywin.captureevents(event.move); mywin.onmove=fun2; function fun2()alert("hey you moved me!"); this.focus(); //'this' points to the current object 19. onreset ([nesne üzerinde] tekrar düzenleme varse) ilgili nesneler: Form ilgili olaylar: event, Form.reset, Reset 20. onresize ([nesne üzerinde] ölçü değişikliği varsa) ilgili nesneler: window ilgili olaylar: event 21. onselect ([nesne üzerinde] seçim yapılmışsa) ilgili nesneler: Text, Textarea ilgili olaylar: event 22. onsubmit ([form nesnelerinin ] verileri internet e gönderiliyorsa) ilgili nesneler: Form ilgili olaylar: event, Submit, Form.submit 23. onunload ([nesne üzerinde] yükleme yoksa) ilgili nesneler: window ilgili olaylar: onload Nesnelerin JavaScript deki İsimleri Bir olay olduğunda javascript in birşeyler yapmasını istemek mümkündür. Sayfa 30 / 44

31 FORM ilgili olaylar: onreset, onsubmit ilgili özellikler: action= (hedef adres) submit olayı tetiklendiğinde gidilecek sayfa veya İnternet adresi. elements=form elemanları (dizi halinde getirilmişlerdir. Dizi gibi davranırlar). encoding=veri şifreleme şekli length=elemanlarının sayısı method=veri gönderme metodu (get veya post olabilir) name=form ismi target=hedef (yeni sayfanın hangi pencerede açılacağı alt pencerede,üst pencerede,aynı sayfada, yeni sayfada) handleevent() reset() Submit() form ve içindeki elemanların oluşturduğu paketi gönderir. HIDDENFIELD TEXTFIELD PASSWORD Sayfa 31 / 44

32 CHECKBOX Örnek:seçilmemişe seç for(i=0;form1.length;i++) if(form1.elements[i].type==checkbox) if(form1.elements[i].checked==false) form1.elements[i].checked=true; RADIOBUTTON Örnek:hepsini seç for(i=0;form1.length;i++) if(form1.elements[i].type==radio) form1.elements[i].checked=true; BUTTON SUBMIT RESET Sayfa 32 / 44

33 SELECT - OPTION TEXTAREA 49) alt alta 3 text kutusu bulunan bir ekranda, kutucuklar terk edildiğinde alert ekranına güle güle uyarısı yazan programı yazın. Sonraki <html> <head> </head> <body bgcolor="lightgrey" > 1.<INPUT TYPE="text" onblur="alert('1. kutu gülegüle der') "><br> 2.<INPUT TYPE="text" onblur="alert('2. kutu gülegüle der') "><br> 3.<INPUT TYPE="text" onblur="alert('3. kutu gülegüle der') "> </body> </html> Sayfa 33 / 44

34 50) Araları frame çizgisiyle ayrılmış 2x2 lik resimdeki gibi bir sayfa oluşturun. Bölümlerinden biri terk edildiğinde (=onblur tetiklendiğinde) arka zemini kırmızıya dönüşen, aktif hale geldiğinde (=onfocus olduğunda) arka zemini maviye dönüşen programları yazın. <html><head></head> <body bgcolor="lightgrey" Emin1.html onblur="document.bgcolor='red'" onfocus="document.bgcolor='blue'">merhaba </body></html> <scrıpt>function setuphandlers()for (var i = 0; i < frames.length; i++) frames[i].onfocus=new function("document.bgcolor='antiquewhite'") frames[i].onblur=new function("document.bgcolor='lightgrey'") </scrıpt> <frameset rows="50%,50%" cols="40%,60%" onload=setuphandlers()> <frame src=emin1.htm name="frame1"> <frame src=emin1.htm name="frame2"> <frame src=emin1.htm name="frame3"> <frame src=emin1.htm name="frame4"></frameset><noframes></noframes> 51) Gün, Ay ve Yıl bilgilerini girebileceğimiz üç adet textfield kutucuğu oluşturun. Kutucuklara iki harfi aşan bilgi girdiğimde aşan kelimeleri sıradaki kutucuktan yazmaya devam eden programı yazınız. <HTML><HEAD><SCRIPT Language="JavaScript"> function atla(gelen, gidecek) if (gelen.value.length == 2) document.forms[0].elements[gidecek].focus() document.forms[0].elements[gidecek].select() </SCRIPT></HEAD><BODY><FORM> Gün: <INPUT Name="gun" Type="text" Size="3" onkeyup="atla (this, 'ay')" maxlength="2"><br> Ay: <INPUT Name="ay" Type="text" Size="3" onkeyup="atla(this, 'yil')" maxlength="2"><br> Yıl: <INPUT Name="yil" Type="text" Size="3" onkeyup="atla(this, 'gun')" maxlength="2"><br> </FORM></BODY></HTML> 52) textfield e rakam dışında herhangi bir verinin girilmesine izin vermeyen ve gerekli uyarı yapan programı yazın. <HTML><HEAD><SCRIPT LANGUAGE="JavaScript"> function kontrolet(olay) var karekterkodu = (olay.which)? olay.which : event.keycode if (karekterkodu > 31 && (karekterkodu < 48 karekterkodu > 57)) alert("lütfen rakam girin \n Karakter Girmeyin.") return false return true </SCRIPT></HEAD><BODY><FORM> Rakam Gir<input type="text" name="numeric" onkeypress="return kontrolet(event)"> </FORM></BODY></HTML> Sayfa 34 / 44

35 53) Textfield de enter tuşu basılınca submit() olayını tetikleyen programı yazınız <HTML><HEAD><SCRIPT LANGUAGE="JavaScript"> function kontrolet(evt) evt = (evt)? evt : event var charcode = (evt.which)? evt.which : evt.keycode if (charcode == 13) document.forms[0].submit(); return false; return true </SCRIPT></HEAD><BODY><FORM method="post" action="dene.php" > Enter a basın<input type="text" name="numeric" onkeypress="return kontrolet(event)"> </FORM></BODY></HTML> 54) İsim, soyisim kutucuklardakileri küçük ve büyük harflere dönüştürecek programı yazın. <html><head></head><scrıpt> function harf (veri) f=document.form1; ad=f.isim.value; soyad=f.soyad.value; if (veri == "buyuk") ad=ad.touppercase(); soyad=soyad.touppercase() else ad =ad.tolowercase(); soyad=soyad.tolowercase(); </scrıpt><body><form name="form1"> isim: <ınput type="text" name="isim" sıze=20><br> soyisim: <ınput type="text" name="soyad" sıze=20> <p><ınput type="button" value="büyükharf" onclick="harf('buyuk')"> <ınput type="button" value="küçükharf" onclick="harf('kucuk')"> </form></body></html> 55) Veri kutusuna veri girilmemişse form bilgilerini Internet ortamına göndermeyen program. <html><head><head><body> <scrıpt> function verivarmi() if( form1.veri.value.length == 3) return true; else alert("veri gir Veri. "); return false; </scrıpt> <body> <form name="form1" onsubmit="return verivarmi()"> veri<ınput type="text" name="veri"> <ınput type="submit" value="gönder"> </form> </body></html> 56) adresinde kaç adet form elemanı bulunduğunu yazan programı yazın <html><head> <head><body><script> universite=window.open(" function elamanlistele() Text1 var mesajpenceresi=window.open(""); for (var i = 0; i < universite.document.forms[0].elements.length; i++) Ara1 Bolumler1 mesajpenceresi.document.write(universite.document. forms[0].elements[i].name + "<BR>") button1 elamanlistele() </body></html> Sayfa 35 / 44

36 57) Kısa Not, Orta Not, Uzun Not, isimli üç buton dan biri tıkladığında textfield in uzunluğunu değiştirsin. Butonlar, textfieldlerin boyutunu sırasıyla 10, 40 veya 70 haneli yapabilsin. <html><head><script language="javascript"> function uzunluk(x)document.forms.form1.mesaj.size=x </head><body><form name="form1"> Notunuz:<input name="mesaj"><br> <input type="button" onclick="uzunluk(10)" value="kısa Not"> <input type="button" onclick="uzunluk(40)" value="orta Not"> <input type="button" onclick="uzunluk(70)" value="uzun Not"> </form></body></html> JAVASCRİPT SORULAR SORU 1) Button tıklandığında sayfada kaç adet form olduğunu yazan programı yazınız. Önceki Sonraki SORU 2) Button tıklandığında form[0] da kaç adet form elamanı bulunduğunu yazan programı yazınız. Önceki Sonraki Elaman Sayısı=13 SORU 3) Button tıklandığında form[0] da kaç adet Button bulunduğunu yazan programı yazınız. Önceki Sonraki Button Sayısı=1 SORU 4) Button tıklandığında form[0] da kaç adet Checkbox bulunduğunu yazan programı yazınız. Önceki Sonraki Checkbox Sayısı=12 Sayfa 36 / 44

Web Tasarımı - Yrd. Doç. Devkan Kaleci 1

Web Tasarımı - Yrd. Doç. Devkan Kaleci 1 . onclick 2. onmouseover ve OnMouseOut 3. onload ve onunload 4. onsubmit 5. onreset 6. onfocus ve onblur 7. onchange 8. onabort, onerror 2 Bir olayın oluşması, mevcut durumda bir değişiklik olması anlamına

Detaylı

JAVASCRIPT JAVASCRIPT DİLİ

JAVASCRIPT JAVASCRIPT DİLİ JAVASCRIPT JAVASCRIPT DİLİ Netscape Navigator 2.0 ile birlikte geliştirilen JavaScript dili istemci taraflı (client-side) script dilidir. Web sayfalarında dinamik içerik sağlamak ya da kullanıcıyla iletişim

Detaylı

WEB PROGRAMLAMA. DERS NOTLARI / JavaScript e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA

WEB PROGRAMLAMA. DERS NOTLARI / JavaScript e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA WEB PROGRAMLAMA DERS NOTLARI / JavaScript e Giriş YARD. DOÇ. DR. MEHTAP YALÇINKAYA Betik dili web sayfalarında dinamik içerik sağlamak ve kullanıcıyla iletişim kurmak için kullanılan istemci tarafında

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2015 2016 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 23 May. 2016 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla

Detaylı

Javascript Ders Örnekleri -2. Tarayıcı Görüntüsü

Javascript Ders Örnekleri -2. Tarayıcı Görüntüsü Javascript Ders Örnekleri -2 Örnek 1 : Aşağıdaki Javascript kodları çalıştığında tarayıcı görüntüsü nasıl olur? JS Kodu var puan=85; if(puan>70) document.write( Notunuz iyi ); else document.write( Notunuz

Detaylı

BETİK DİLİ / JAVASCRIPT. Web Tasarımı ve Programlama

BETİK DİLİ / JAVASCRIPT. Web Tasarımı ve Programlama Web Tasarımı ve Programlama Tanım ve Genel Bilgi Betik Dili; Web sayfalarında dinamik içerik sağlamak ve kullanıcıyla iletişim kurmak için kullanılan, istemci tarafında çalışan bir dildir. HTML etiketleri

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2013 2014 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 26 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları yardımıyla

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2014 2015 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU 11-14 May. 2014 Form Form İşlemleri Tarayıcıdan bilgi alarak işlem gerçekleştirme FORM elemanları

Detaylı

1 JAVASCRIPT NEDİR? 1

1 JAVASCRIPT NEDİR? 1 İÇİNDEKİLER IX İÇİNDEKİLER 1 JAVASCRIPT NEDİR? 1 2 TEST ORTAMINI TANIMAK (FİREFOX VE FİREBUG) 5 Firefox 6 Firebug 8 CSS Sekmesi 10 DOM Sekmesi 11 Net ve Çerezler Sekmeleri 11 Script Sekmesi 11 Konsol Sekmesi

Detaylı

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR

ÖĞRENME FAALİYETİ 1 ÖĞRENME FAALİYETİ 1 1. FORMLAR ÖĞRENME FAALİYETİ 1 AMAÇ ÖĞRENME FAALİYETİ 1 Uygun ortam sağlandığında web sayfaları için formlar oluşturabileceksiniz. ARAŞTIRMA Web sayfalarında formların kullanım amaçlarını ve nasıl kullanıldığını

Detaylı

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1

Öğr. Gör. Serkan AKSU http://www.serkanaksu.net. http://www.serkanaksu.net/ 1 Öğr. Gör. Serkan AKSU http://www.serkanaksu.net http://www.serkanaksu.net/ 1 JavaScript JavaScript Nedir? Nestcape firması tarafından C dilinden esinlenerek yazılmış, Netscape Navigator 2.0 ile birlikte

Detaylı

Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY

Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ. Öğr. Gör. Rıza ALTUNAY CSS Ünite 7 Bilgisayar Programcılığı Ön Lisans Programı WEB EDİTÖRÜ Öğr. Gör. Rıza ALTUNAY 1 Ünite 7 CSS Öğr. Gör. Rıza ALTUNAY İçindekiler 7.1. CSS KULLANIM ALANLARI... 3 7.1.1. Yerel Kullanım Alanı...

Detaylı

Javascript. 1) Notepad++ aşağıdaki kodları yazıp deneme.html olarak kaydedelim. 2) Biraz önceki sayfa sadece html kodların içeriyordu.

Javascript. 1) Notepad++ aşağıdaki kodları yazıp deneme.html olarak kaydedelim. 2) Biraz önceki sayfa sadece html kodların içeriyordu. Javascript Html sayfalarının içine yazılarak, sayfayı daha etkileşimli hale getirir. click olayları, uyarı mesajları gibi hareketlerle sayfayı daha dinamik hale getirir. Javascript olmadan yazılan html

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 9

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 9 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 9 Dizi Değişkenler (Array) 2 Tek değişkende birden fazla bilgi tutulmak istendiğinde kullanılır. Kullanım şekli: var dizi_adı= new Array(eleman1, eleman2,, elemann)

Detaylı

JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING)

JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING) JAVASCRIPT İSTEMCİ TARAFLI WEB PROGRAMLAMA (CLIENT SIDE WEB PROGRAMMING) BİLİNMESİ GEREKENLER İNTERNET BİLGİSİ HTML TEMEL WEB TASARIMI BİLGİSİ PASİF SAYFA NEDİR? STANDART HTML KOMUTLARI İLE OLUŞTURULANVE

Detaylı

2 JAVASCRIPT TEMELLER

2 JAVASCRIPT TEMELLER ++JAVASCRIPT-icindekiler 4/1/10 4:35 AM Page vii Ç NDEK LER 1 JAVASCRIPT E G R fi 1 Javascript Kodlar n HTML Sayfas çerisine Eklemek 3 Kodlar Aras na Aç klama Sat rlar Eklemek 6 Kodlar m z Eski Sürüm Taray

Detaylı

http://alikoker.name.tr

http://alikoker.name.tr Kurs Planı Ders 1: Tanıtım Uygulama: Kurs notlarında belirtilen uygulamalar. Ders 2: Verilerle Çalışmak Uygulama: Kurs notlarında belirtilen uygulamalar Ders 3: Program Yapısı Uygulama: Kurs notlarında

Detaylı

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1

Web Formlar ve Sayfalar Arasında Bilgi Gönderme. BATML İnternet Programcılığı 1 Web Formlar ve Sayfalar Arasında Bilgi Gönderme BATML İnternet Programcılığı 1 Bazı web sitelerinde sayfalar arasında bilgi veya değişken göndermek gerekebilir. Gönderilen bu bilgi kullanıcı adı ve şifre

Detaylı

JavaScript Örnekleri PDF

JavaScript Örnekleri PDF 5 JavaScript örneği ve bu örneklerin çalışan uygulamaları JavaScript Örnekleri PDF www.yazilimbilisim.net.. İçindekiler Tablosu Javascript Text Kutusuna Sadece Sayı Girdirme... 2 PROGRAM KODU... 3 Javascript

Detaylı

Değişkenler. Geçerli değişken isimleri : baslamazamani, ad_soyad, x5 Geçersiz değişken isimleri : 3x, while

Değişkenler. Geçerli değişken isimleri : baslamazamani, ad_soyad, x5 Geçersiz değişken isimleri : 3x, while Değişkenler Değişkenler bir bilginin bellekteki konumunu temsil eden sembolik isimlerdir. Bilgisayarda hemen hemen tüm işlemler bellekte yapılır. Program çalıştırıldığında değişken ve bu değişkenin türüne

Detaylı

Web Tasarımının Temelleri

Web Tasarımının Temelleri 1. Hafta Web Tasarımının Temelleri Öğr. Gör. Murat YAZICI www.muratyazici.com Artvin Çoruh Üniversitesi, Artvin Meslek Yüksekokulu www.artvin.edu.tr Formlar Kullanıcının da aktif olacağı dinamik web sayfaları

Detaylı

Javascriptte Olaylar (events)

Javascriptte Olaylar (events) Javascriptte Olaylar (events) Desteklenen olaylar listesi JavaScript Events - Olaylar Events yani olayları Javascript nesnelerini tetikleyenler unsurlar olarak görmeliyiz. Örnegin; Mause linklerin üzerinde

Detaylı

HESAP MAKİNASI YAPIMI

HESAP MAKİNASI YAPIMI HESAP MAKİNASI YAPIMI 1..Aşağıdakine benzer görünüm ve butonları hazırlayın. 2. 24. Butonun içerisine aşağıdaki kodları yazın. 3. Yeni bir layer ekleyip Frame1 F9 na aşağıdaki kodları ekleyelim. 4. Butonlardan

Detaylı

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 8. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve Araştırma Merkezi 2 İçindekiler QUERYSTRING KOLEKSIYONU... 3 FORM

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 8

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 8 BTP 27 İNTERNET PROGRAMCILIĞI I Ders 8 Değişkenler 2 Tamsayı Değerler (Integer) Tamsayılar, tabanlı (decimal), 8 tabanlı (octal) veya 6 tabanlı (hexadecimal) olabilir. 8 tabanındaki sayıları belirtmek

Detaylı

Algoritma ve Programlamaya Giriş

Algoritma ve Programlamaya Giriş Algoritma ve Programlamaya Giriş Algoritma Bir sorunu çözebilmek için gerekli olan sıralı ve mantıksal adımların tümüne Algoritma denir. Doğal dil ile yazılabilir. Fazlaca formal değildir. Bir algoritmada

Detaylı

C# Programlama Dili. İlk programımız Tür dönüşümü Yorum ekleme Operatörler

C# Programlama Dili. İlk programımız Tür dönüşümü Yorum ekleme Operatörler C# Programlama Dili İlk programımız Tür dönüşümü Yorum ekleme Operatörler 1 İlk Programımız Bu program konsol ekranına Merhaba dünya! yazıp kapanır. Programı geçen derste anlatıldığı gibi derleyin, sonra

Detaylı

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 )

12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 12 TBT / WEB TASARIM ve PROGRAMLAMA ( Not 3 ) 25.09.2017 METİN VE GÖRÜNÜM DÜZENLEME ETİKETLERİ : etiketleri dökümana başlık eklemek için kullanılır. etiketinde ki x ifadesi 1 den 6 ya kadar

Detaylı

HSancak Nesne Tabanlı Programlama I Ders Notları

HSancak Nesne Tabanlı Programlama I Ders Notları SABİTLER VE DEĞİŞKENLER Değişken, verilerin bellekte geçici olarak kaydedilmesini ve gerektiğinde kullanılmasını sağlayan değerdir. Nesne tabanlı programlama dilinde değişken kullanımı diğer programlama

Detaylı

WEB PROGRAMLAMA. PHP Temelleri 2. Dr. Erman Yukselturk

WEB PROGRAMLAMA. PHP Temelleri 2. Dr. Erman Yukselturk WEB PROGRAMLAMA PHP Temelleri 2 Dr. Erman Yukselturk Superglobal Değişkenler 1/4 Php de önceden tanımlanmış ve script in herhangi bir yerinden çağrılabilen ve çalıştirılabilen çevreye özel bilgiler sunan

Detaylı

Değişkenler, içerisinde tek bir değer tutabilen yapılardır. Örneğin haftanın günlerini değişkenlerde tutmak istersek, her bir gün adı için bir

Değişkenler, içerisinde tek bir değer tutabilen yapılardır. Örneğin haftanın günlerini değişkenlerde tutmak istersek, her bir gün adı için bir DİZİLER (ARRAYS) Değişkenler, içerisinde tek bir değer tutabilen yapılardır. Örneğin haftanın günlerini değişkenlerde tutmak istersek, her bir gün adı için bir değişken tanımlamak gereklidir. string gun1,

Detaylı

İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI

İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI İNTERNET PROGRAMCILIĞI DERSİ ÇALIŞMA SORULARI 1) Aşağıdaki seçeneklerin hangisinde PHP kod yazımı doğru olarak verilmiştir? A) B) C).. D) 2) PHP ile hazırlanmış

Detaylı

Uzaktan Eğitim Uygulama ve Araştırma Merkezi

Uzaktan Eğitim Uygulama ve Araştırma Merkezi JAVA PROGRAMLAMA Öğr. Gör. Utku SOBUTAY İÇERİK 2 Java da Fonksiyon Tanımlamak Java da Döngüler Java da Şart İfadeleri Uygulamalar Java da Fonksiyon Tanımlamak JAVA DA FONKSİYON TANIMLAMAK 4 Fonksiyonlar;

Detaylı

BİLGİSAYAR BİLİMİ DERSİ (KUR 1) PYTHON PROGRAMLAMA DİLİ ÇALIŞMA KÂĞIDI - 1

BİLGİSAYAR BİLİMİ DERSİ (KUR 1) PYTHON PROGRAMLAMA DİLİ ÇALIŞMA KÂĞIDI - 1 BİLGİSAYAR BİLİMİ DERSİ (KUR 1) PYTHON PROGRAMLAMA DİLİ ÇALIŞMA KÂĞIDI - 1 Ekrana Metin Yazdırmak Ekranda metin yazdırmak istendiğinde print komutu kullanılır. Kullanımı aşağıda verilmiştir. Parantez içinde

Detaylı

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html>

<html> <head> <title>sayfa Başlığı</title> </head> <body> Bu benim ilk sayfam <b>bu metin koyu</b> </body> </html> HTML'e Giriş 1. HTML dosyası nedir? HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir. Bir HTML dosyası bir text dosyası olmakla beraber

Detaylı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı

Internet Programming II. Elbistan Meslek Yüksek Okulu Bahar Yarıyılı Internet Programming II Elbistan Meslek Yüksek Okulu 2015 2016 Bahar Yarıyılı Öğr.Gör. Murat KEÇECĠOĞLU 8 Mar. 2016 PHP de Değişken Tipleri Dizi (Array) Aynı değişken içerisinde birden fazla değer tutmak

Detaylı

Excel Formüller ve Fonksiyonlar. Yusuf MANSUROĞLU Mühendislik Hizmetleri Müdür Yardımcısı 11.02.2015

Excel Formüller ve Fonksiyonlar. Yusuf MANSUROĞLU Mühendislik Hizmetleri Müdür Yardımcısı 11.02.2015 Excel Formüller ve Fonksiyonlar Yusuf MANSUROĞLU Mühendislik Hizmetleri Müdür Yardımcısı 11.02.2015 Excel de Yapabileceklerimiz Temel aritmetik işlemler (4 işlem) Mantıksal karşılaştırma işlemleri (>,>=,

Detaylı

k ise bir gerçek sayı olsun. Buna göre aşağıdaki işlemler Matlab da yapılabilir.

k ise bir gerçek sayı olsun. Buna göre aşağıdaki işlemler Matlab da yapılabilir. MATRİS TRANSPOZU: Bir matrisin satırlarını sütun, sütunlarınıda satır yaparak elde edilen matrise transpoz matris denilir. Diğer bir değişle, eğer A matrisi aşağıdaki gibi tanımlandıysa bu matrisin transpoz

Detaylı

1. LabVIEW ile Programlama

1. LabVIEW ile Programlama 1. LabVIEW ile Programlama LabVIEW ile programlama mantığı, program kodu yazılan programlama mantığına benzemekle birlikte, kontrol adı verilen nesneler arasında veri yolu bağlantısı ile program akışı

Detaylı

PROGRAMLAMA DERSİ 1. İNTERNET

PROGRAMLAMA DERSİ 1. İNTERNET PROGRAMLAMA DERSİ 1. İNTERNET İnternet sunucu-istemci modeline göre çalışır. Fiziksel olarak bu sistem genelde isteği yapan bir bilgisayar (kullanıcı-client) ve bu isteği karşılayan özel bir bilgisayar

Detaylı

Diziler İndisli Değişkenler

Diziler İndisli Değişkenler Diziler İndisli Değişkenler Aynı tür bilgileri (öğrenci isimleri, şehir isimleri, kapı numaraları, fakülteler vbg.) bellekte tutmak için kullanabileceğimiz listelere dizi adı verilir. Dizi kullanmanın

Detaylı

BİLGİSAYAR PROGRAMLAMA MATLAB

BİLGİSAYAR PROGRAMLAMA MATLAB BİLGİSAYAR PROGRAMLAMA MATLAB Arş. Gör. Ahmet ARDAHANLI Kafkas Üniversitesi Mühendislik Fakültesi Bu hafta? 1. Matlab ve Programlama Ortamı 2. Matlab Komut Penceresi 3. Matlab de değişken tanımlama 4.

Detaylı

DIV KAVRAMI <style> position: absolute

DIV KAVRAMI <style> position: absolute DIV KAVRAMI Div tag i katman oluşturmak için kullanılır. Div ler sayfanın komple bir satırını kaplarlar, bu yüzden tag i içerisinde şekillendirilip, boyutlandırılmaları gerekir. Aşağıdaki şekilde

Detaylı

INPUTBOX KULLANIMI. Komut Düğmesine uygulanan algoritma örneği

INPUTBOX KULLANIMI. Komut Düğmesine uygulanan algoritma örneği INPUTBOX KULLANIMI InputBox komutu, Basic programlama dilinde program algoritması içinde ekran aracışığı ile bir sorgu yönlendirerek, kullanıcının bilgi girmesini sağlamak amacıyla kullanılır. Bu komutun

Detaylı

NB Macro Kullanımı Hakkında Genel Bilgiler

NB Macro Kullanımı Hakkında Genel Bilgiler NB Macro Kullanımı Hakkında Genel Bilgiler Genel Bilgi Makro Nasıl Eklenir? NB Ekranlarda Genel Makro Mantığı Makro Nasıl Çağrılır? Örnek Makro Projesi Genel Bilgi Makro, gelişmiş bir HMI kontrol metodudur.

Detaylı

Uzaktan Eğitim Uygulama ve Araştırma Merkezi

Uzaktan Eğitim Uygulama ve Araştırma Merkezi JAVA PROGRAMLAMA Öğr. Gör. Utku SOBUTAY İÇERİK 2 Java Kodlarına Yorum Satırı Eklemek Java Paket Kavramı Java Kütüphane Kavramı Konsoldan Veri Çıkışı ve JOPtionPane Kütüphanesi JOptionPane Kütüphanesi Kullanarak

Detaylı

PHP ile İnternet Programlama

PHP ile İnternet Programlama PHP ile İnternet Programlama Doç.Dr. Gazi Üniversitesi Gazi Eğitim Fakültesi Bilgisayar ve Öğretim Teknolojileri Eğitimi Bölümü 3. BÖLÜM: Formlarla Çalışmak HTML Formlarının Temelleri Dinamik etkileşim

Detaylı

Bilgisayar Programlama MATLAB

Bilgisayar Programlama MATLAB What is a computer??? Bilgisayar Programlama MATLAB Prof. Dr. İrfan KAYMAZ What Konular is a computer??? MATLAB ortamının tanıtımı Matlab sistemi (ara yüzey tanıtımı) a) Geliştirme ortamı b) Komut penceresi

Detaylı

İnternet Programcılığı Dersi 2.Dönem Ders Notu

İnternet Programcılığı Dersi 2.Dönem Ders Notu İnternet Programcılığı Dersi 2.Dönem Ders Notu DEĞİŞKEN TİPLERİ TAM SAYI (İNTEGER) VERİ TİPİ Negatif veya pozitif ondalık kısmı bulunmayan sayılardır. Örnek: $i=65; $x=345; ONDALIK(REAL)VERİ TİPİ Ondalıklı

Detaylı

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır.

Metin Text Kutuları. Metin kutusu oluşturmak için <input> tagı kullanılır. Form İşlemleri Form Nedir? Şu ana kadar öğrendiğimiz konularda hep ziyaretçilere veri göstermeye veya bilgi vermeye çalıştık. Gerek metinlerle, gerekse liste veya resimlerle ziyaretçilere bilgi sunmayı

Detaylı

HSancak Nesne Tabanlı Programlama I Ders Notları

HSancak Nesne Tabanlı Programlama I Ders Notları DİZİLER Bellekte ard arda yer alan aynı türden nesneler kümesine dizi (array) denilir. Bir dizi içerisindeki bütün elemanlara aynı isimle ulaşılır. Yani dizideki bütün elemanların isimleri ortaktır. Elemanlar

Detaylı

Ders 4: Diziler (Arrays( Arrays) barisgokce.com

Ders 4: Diziler (Arrays( Arrays) barisgokce.com Ders 4: Diziler (Arrays( Arrays) Hazırlayan : Öğr. Grv.. Barış GÖKÇE Đletişim im : www.barisgokce barisgokce.com Diziler Aynı tipteki bir veri gurubunun bir değişken içinde saklanmasıdır. Veriler Hafızada

Detaylı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı

İNTERNET PROGRAMCILIĞI 2 14. HAFTA. PHP ile FORM İŞLEMLERİ. Hazırlayan Fatih BALAMAN. İçindekiler. Hedefler. Form Elemanları Kullanımı İNTERNET PROGRAMCILIĞI 2 14. HAFTA İçindekiler PHP ile FORM İŞLEMLERİ Form Elemanları Kullanımı GET ve POST Metodu Hedefler Php komutları kullanarak form elemanlarını etkileşimli hale getirebilir Hazırlayan

Detaylı

Uzaktan Eğitim Uygulama ve Araştırma Merkezi

Uzaktan Eğitim Uygulama ve Araştırma Merkezi JAVA PROGRAMLAMA Öğr. Gör. Utku SOBUTAY İÇERİK 2 Java da Diziler Dizi Tanımlama ve İlk Değer Atama Dizi Elemanlarının Kullanılması Dizi İşlemleri Java da Diziler JAVA DA DİZİLER 4 Dizi; tek bir veri tipinde,

Detaylı

PHP, nesne-yönelimli (object-oriented) bir dil olduğu için, nesne oluşturma imkânına ve bunların kullanılmasını sağlayan metodlara da sahiptir.

PHP, nesne-yönelimli (object-oriented) bir dil olduğu için, nesne oluşturma imkânına ve bunların kullanılmasını sağlayan metodlara da sahiptir. PHP'nin Temelleri PHP Nedir? PHP, bir programlama dili olarak, değişkenler, değişkenlerin değerleriyle bir işlem yapmayı sağlayan işlemciler (operatörler), işlemcilerle oluşturulan deyimler ve nihayet

Detaylı

Yukardaki gibi sonsuz döngülü programlara Ctrl+Break tuş takımı ile müdahale edilmesi gerekir, aksi halde program sonsuz döngüye girer.

Yukardaki gibi sonsuz döngülü programlara Ctrl+Break tuş takımı ile müdahale edilmesi gerekir, aksi halde program sonsuz döngüye girer. Döngüsü En basit döngü yapısıdır. Hiçbir kontrol yapılmadan ve ifadeleri arasındaki satırların işlem görmesi için kullanılır. Bu yapıda programın terkedilmesi için herhangi bir kontrol olmadığından, döngü

Detaylı

İNTERNET PROGRAMCILIĞI I

İNTERNET PROGRAMCILIĞI I BÖLÜM 12 12- FORMLAR HTML'in bir metin şekillendirme aracı olduğunu söylemiştik. Form'lar bu tanımın istisnasıdır, HTML kullanarak sayfanızı ziyaret edenlerle temas kurmanızı sağlarlar. Formlar yoluyla

Detaylı

BİLİŞİM TEKNOLOJİLERİ 6. SINIF DERS NOTLARI 2

BİLİŞİM TEKNOLOJİLERİ 6. SINIF DERS NOTLARI 2 PROGRAMLAMA Bir problemin çözümü için belirli kurallar ve adımlar çerçevesinde bilgisayar ortamında hazırlanan komutlar dizisine programlama denir. Programlama Dili: Bir programın yazılabilmesi için kendine

Detaylı

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4

BTP 207 İNTERNET PROGRAMCILIĞI I. Ders 4 BTP 207 İNTERNET PROGRAMCILIĞI I Ders 4 Sayfalara Resim Eklemek 2 Etiketi Sayfaya resim eklemek için kullanılır. JPG, BMP, GIF, PCX, PNG, TIFF, WMF gibi resim formatlarını destekler. Sonlandırmalı

Detaylı

www.elektrikogretmenleri.com

www.elektrikogretmenleri.com DREAMWEAVERDA NESNELERE DAVRANIŞ EKLEME Dreamweaver da fare hareket olaylı, animasyonlu görüntüler oluşturmak istenildiğinde hazır scriptler anlamına gelen Davranışlar(behaviors) kullanılmaktadır. Yukarıdaki

Detaylı

PROGRAMLAMAYA GİRİŞ DERS 2

PROGRAMLAMAYA GİRİŞ DERS 2 PROGRAMLAMAYA GİRİŞ DERS 2 Program editörde oluşturulur ve diske kaydedilir Tipik Bir C Programı Geliştirme Ortamının Temelleri 1. Edit 2. Preprocess 3. Compile 4. Link 5. Load 6. Execute Önişlemci programı

Detaylı

Pythonda değişkenlerin türlerini tanımlamaya gerek yoktur

Pythonda değişkenlerin türlerini tanımlamaya gerek yoktur Python büyük-küçük harf ayrımı yapar. Pythonda kod yazarken girintiler kullanılır Pythonda değişkenlerin türlerini tanımlamaya gerek yoktur Klavyeden girilen bir değeri okumak ad=input("adınızı giriniz")

Detaylı

1. MİCROSOFT EXCEL 2010 A GİRİŞ

1. MİCROSOFT EXCEL 2010 A GİRİŞ 1. MİCROSOFT EXCEL 2010 A GİRİŞ 1.1. Microsoft Excel Penceresi ve Temel Kavramlar Excel, Microsoft firması tarafından yazılmış elektronik hesaplama, tablolama ve grafik programıdır. Excel de çalışılan

Detaylı

FORMÜLLER VE FONKSİYONLAR

FORMÜLLER VE FONKSİYONLAR C FORMÜLLER VE FONKSİYONLAR Konuya Hazırlık 1. Excel de formül kullanmanın faydalarını açıklayınız. Formüller, bir sayfadaki verileri kullanarak işlem yapan denklemlerdir. Bir formülde, aynı sayfadaki

Detaylı

BİLGİSAYAR UYGULAMALARI Şırnak Üniversitesi Mühendislik Fakültesi Güz Dönemi Arş.Gör. Eren DEMİR ve Arş.Gör. Veysel KIŞ (

BİLGİSAYAR UYGULAMALARI Şırnak Üniversitesi Mühendislik Fakültesi Güz Dönemi Arş.Gör. Eren DEMİR ve Arş.Gör. Veysel KIŞ ( BİLGİSAYAR UYGULAMALARI Şırnak Üniversitesi Mühendislik Fakültesi 2018-19 Güz Dönemi Arş.Gör. Eren DEMİR ve Arş.Gör. Veysel KIŞ (e-mail: edemir@sirnak.edu.tr ) 04.10.2018 1 MATLAB da Workspace ve Workspace

Detaylı

EXCEL 2007 ELEKTRONİK ÇİZELGE

EXCEL 2007 ELEKTRONİK ÇİZELGE EXCEL 2007 ELEKTRONİK ÇİZELGE Excel, Microsoft Office paketinde yer alan ve iş hayatında en sık kullanılan programlardandır. Bir hesap tablosu programıdır. Excel, her türlü veriyi (özellikle sayısal verileri)

Detaylı

EXCEL de her bir çalışma alanı bir sayfa olarak adlandırılırken, birden fazla sayfa ise kitap olarak adlandırılır.

EXCEL de her bir çalışma alanı bir sayfa olarak adlandırılırken, birden fazla sayfa ise kitap olarak adlandırılır. EXCEL Bu programın çalışma alanı satır ve sütunların kesişmesinden meydana gelen hücrelerden oluşmaktadır. Satırlar rakamlar ile, sütunlar alfabetik harfler ile temsil edilirler. EXCEL de her bir çalışma

Detaylı

ASP.NET ile Bir Web Sitesi Oluşturma

ASP.NET ile Bir Web Sitesi Oluşturma 29,30 Eylül 2011 ASP.NET ile Bir Web Sitesi Oluşturma ASP.NET sitesi oluşturmak için File menüsündeki, New açılır listesindeki, Web Site komutuna tıklıyoruz Açılan pencereden C# içindeki ASP.NET Web Site

Detaylı

Diziler (Arrays) Çok Boyutlu Diziler

Diziler (Arrays) Çok Boyutlu Diziler Diziler (Arrays) Çok Boyutlu Diziler ÇOK BOYUTLU DİZİLER Birden fazla indis numarası ile elemanlarına ulaşılan dizilere çok boyutlu diziler denir. Bunlardan en sık kullanılanı çift boyutlu dizilerdir.

Detaylı

DİZİLER-KATARLAR ALGORİTMA VE PROGRAMLAMA II

DİZİLER-KATARLAR ALGORİTMA VE PROGRAMLAMA II DİZİLER-KATARLAR ALGORİTMA VE PROGRAMLAMA II DİZİLER Dizi, aynı tipteki verilere tek bir isimle erişmek için kullanılan bir kümedir. Bir dizi bildirildikten sonra, dizinin bütün elemanları bellekte peşpeşe

Detaylı

Metin İşlemleri, Semboller

Metin İşlemleri, Semboller Ankara Üniversitesi Nallıhan Meslek Yüksekokulu Metin İşlemleri, Semboller NBP108 - GRAFİK ANİMASYON il Öğr.Gör. Salih ERDURUCAN 1 / 13 3. METİN İŞLEMLERİ 3.1. Metin Aracı Animasyon yazılımı yazı yazmak

Detaylı

Özyineleme (Recursion)

Özyineleme (Recursion) C PROGRAMLAMA Özyineleme (Recursion) Bir fonksiyonun kendisini çağırarak çözüme gitmesine özyineleme (recursion), böyle çalışan fonksiyonlara da özyinelemeli (recursive) fonksiyonlar denilir. Özyineleme,

Detaylı

4. Bağlantı (Köprü) Oluşturma

4. Bağlantı (Köprü) Oluşturma 4. Bağlantı (Köprü) Oluşturma Bu bölümü bitirdiğinizde, HTML dosyalarında nasıl bağlantı oluşturulduğunu, Bağ etiketinin ne olduğunu, Yerel dosyalara nasıl bağlantı kurulduğunu, İnternet üzerindeki dosyalara

Detaylı

Programlama Dilleri 1. Ders 4: Diziler

Programlama Dilleri 1. Ders 4: Diziler Programlama Dilleri 1 Ders 4: Diziler Genel Bakış Tanım Dizilerin tanımlanması Dizilere ilk değer verilmesi Yerel ve Global diziler Dizilerin birbirine atanması Diziler ile ilgili örnekler Çalışma soruları

Detaylı

FORMÜL ADI (FONKSİYON) FORMÜLÜN YAZILIŞI YAPTIĞI İŞLEMİN AÇIKLAMASI

FORMÜL ADI (FONKSİYON) FORMÜLÜN YAZILIŞI YAPTIĞI İŞLEMİN AÇIKLAMASI 1 SIKÇA KULLANILAN EXCEL FORMÜLLERİ 1 AŞAĞI YUVARLAMA =aşağıyuvarla(c7;2) 2 YUKARI YUVARLAMA =yukarıyuvarla(c7;2) 3 YUVARLAMA =yuvarla(c7;2) 4 TAVANA YUVARLAMA =tavanayuvarla(c7;5) 5 TABANA YUVARLAMA =TABANAYUVARLA(E2;5)

Detaylı

NAZMİYE DEMİREL ORTAOKULU BİLİŞİM TEKNOLOJİLERİ DERSİ 1. DÖNEM 6. SINIFLAR DERS NOTU EXCEL 2007 DERS NOTLARI

NAZMİYE DEMİREL ORTAOKULU BİLİŞİM TEKNOLOJİLERİ DERSİ 1. DÖNEM 6. SINIFLAR DERS NOTU EXCEL 2007 DERS NOTLARI EXCEL 2007 DERS NOTLARI Bir hesap tablosu programıdır. Excel, her türlü veriyi (özellikle sayısal verileri) tablolar ya da listeler halinde tutma ve bu verilerle ilgili ihtiyaç duyacağınız tüm hesaplamaları

Detaylı

Dinamik Kodlama. [X] Fusion@6. [X] Yeni Fonksiyon

Dinamik Kodlama. [X] Fusion@6. [X] Yeni Fonksiyon Dinamik Kodlama Ürün Grubu Kategori Versiyon Önkoşulu [X] Fusion@6 [X] Yeni Fonksiyon @6 Uygulama @6 Serisi ürünlerde, kullanıcı arabirimlerinin her yerine eklenen dinamik kodlama özelliği ile, programın

Detaylı

Internet Programming II

Internet Programming II Internet Programming II Elbistan Meslek Yüksek Okulu 2016 2017 Bahar Yarıyılı Öğr. Gör. Murat KEÇECĠOĞLU Kontrol deyimleri programlamanın olmazsa olmaz koşullarındandır. Şartlara (karşılaştırma) bağlı

Detaylı

EXCEL DE ARİTMETİKSEL İŞLEMLER

EXCEL DE ARİTMETİKSEL İŞLEMLER EXCEL DE ARİTMETİKSEL İŞLEMLER Toplama İşlemi. Bu İşlemleri yapmadan önce ( toplama- Çıkarma Çarpma-Bölme ve formüllerde) İlk önce hücre İçerisine = (Eşittir) işareti koyman gerekir. KDV HESAPLARI ÖRNEK;

Detaylı

2. HTML Temel Etiketleri

2. HTML Temel Etiketleri 2. HTML Temel Etiketleri Bu bölümü bitirdiğinizde, HTML ve etiket kavramlarının ne olduğunu, HTML komut yapısını, Örnek bir HTML dosyasının nasıl oluşturulduğunu, Temel HTML etiketlerinin neler olduğunu,

Detaylı

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1

BMT 202 Web Tasarımı Bahar Dönemi. Yük. Müh. Köksal GÜNDOĞDU 1 BMT 202 Web Tasarımı 2016 2017 Bahar Dönemi Yük. Müh. Köksal GÜNDOĞDU 1 HTML 5 Yük. Müh. Köksal GÜNDOĞDU 2 HTML 5 Günümüzde kullanılan HTML 4.1 sürümü, CSS desteğiyle ne kadar düzenli ve sağlam bir yapıda

Detaylı

8- Sistem tarihinden gün değerini alarak çift veya tek sayı olup. 9-1 - 10 arasındaki sayılardan tek olanları yeşil çift olanları kırmızı

8- Sistem tarihinden gün değerini alarak çift veya tek sayı olup. 9-1 - 10 arasındaki sayılardan tek olanları yeşil çift olanları kırmızı JAVASCRİPT SORULARI 1- Javascript For Döngüsü ile 1 den 100 e kadar olan sayıların toplamını bulan programı yazın? 2-1 den 1000 e kadar olan sayılardan 10 a ve 9 a tam bölünenlerin toplamını bulan programı

Detaylı

Fonksiyonlar. C++ ve NESNEYE DAYALI PROGRAMLAMA 51. /* Fonksiyon: kup Bir tamsayının küpünü hesaplar */ long int kup(int x) {

Fonksiyonlar. C++ ve NESNEYE DAYALI PROGRAMLAMA 51. /* Fonksiyon: kup Bir tamsayının küpünü hesaplar */ long int kup(int x) { Fonksiyonlar Kendi içinde bağımsız olarak çalışabilen ve belli bir işlevi yerine getiren program modülleridir. C programları bu modüllerden (fonksiyonlar) oluşurlar. Fonksiyonların yazılmasındaki temel

Detaylı

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU

Elbistan MYO Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU Elbistan MYO 2016-2017 Güz Dönemi Öğr.Gör. Murat KEÇECİOĞLU HTML Nedir? HTML, Hyper Text Markup Language sözcüklerinin baş harflerinden oluşan bir kısaltmadır ve Web in temel dilidir. Html dökümanları

Detaylı

MAK 1005 Bilgisayar Programlamaya Giriş. Fonksiyonlar. Prof. Dr. Necmettin Kaya

MAK 1005 Bilgisayar Programlamaya Giriş. Fonksiyonlar. Prof. Dr. Necmettin Kaya MAK 1005 Bilgisayar Programlamaya Giriş Fonksiyonlar Prof. Dr. Necmettin Kaya Gerçek hayattaki problemlerin çözümü için geliştirilen programlar çok büyük boyutlardadır. Daha büyük programlar yazmanın en

Detaylı

Web Teknolojileri ve Programla

Web Teknolojileri ve Programla 12.05.2010 Dersi Özeti Kursun içeriğini özeti Alt başlıkları Proje Kurs esnasında kullanmayı planladığımı editörler HTMLe giriş Temel etiketler Notepad+ da örnekler Web Teknolojileri ve Programla Bölüm

Detaylı

7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ

7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ BÖLÜM 7 7. BELGEYE RESİM EKLEME, YAZIM ve ÇİZİM ÖZELLİKLERİ 7.1. Belgeye Resim Eklemek Word programı; belgelere kendi içindeki resim galerisinde bulunan resimleri veya başka programlarda düzenlenmiş resimleri

Detaylı

M i c r o s o f t E X C E L ÇALIŞMA SORULARI

M i c r o s o f t E X C E L ÇALIŞMA SORULARI M i c r o s o f t E X C E L ÇALIŞMA SORULARI 1. Elektronik tablolama veya hesaplama programı olarak adlandırılan uygulama aşağıdakilerden hangisidir? a. Microsoft Windows b. Microsoft Excel c. Microsoft

Detaylı

www.wikispaces.com Kullanım Kılavuzu

www.wikispaces.com Kullanım Kılavuzu www.wikispaces.com Kullanım Kılavuzu İnternet tarayıcınıza(internet Explorer vb.) www.wikispaces.com adresini yazıp enter tuşuna bastığınızda yukarıdaki ekranla karşılaşacaksınız. Önceden oluşturmuş olduğunuz

Detaylı

Java da İstemci Tarafı Uygulamalar

Java da İstemci Tarafı Uygulamalar Java da İstemci Tarafı Uygulamalar ( Applets ) BBS-515 Nesneye Yönelik Programlama Ders #7 (7 Aralık 2009) İçerikç Geçen ders: Java da dizi ( array ) ve dizgi ( String ) tanımlama Örnekler Bu ders: 1.

Detaylı

JAVA PROGRAMLAMA DİLİ ÖZELLİKLERİ

JAVA PROGRAMLAMA DİLİ ÖZELLİKLERİ JAVA PROGRAMLAMA DİLİ ÖZELLİKLERİ Java programlama dili, Java SUN bilgisayar şirketi tarafından 1991 yılında geliştiril Program bloklar halinde yazılır ve bloklar { } ile oluşturulur. Komutlar aynı satıra

Detaylı

Nesne Tabanlı Programlama

Nesne Tabanlı Programlama Nesne Tabanlı Programlama Ders Notu - 1 (Değerler, Değişkenler, İşleçler, Tip Dönüşümleri, Mantıksal Operatörler) Dicle Üniversitesi Mühendislik Fakültesi Elektrik Elektronik Mühendisliği Bölümü 1 Değerler

Detaylı

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER

MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER MODÜL 2 HTML İLE GELİŞMİŞ ÖZELLİKLER Bu modülü bitirdiğinizde; HTML kodları ile WEB sayfaları için gelişmiş özellikleri kullanabileceksiniz. Ayrıca, 1. WEB sayfaları içi formlar oluşturabilecek, 2. WEB

Detaylı

HTML Sayfaları. Bütün html sayfaları

HTML Sayfaları. Bütün html sayfaları HTML VİZE NOTLARI HTML Sayfaları Bütün html sayfaları tagıyla başlar ve tagıyla biter. tagları arasında ve tagları vardır. Örnek bir html boş sayfası kodları şu şekilde

Detaylı

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 1. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve AraştırmaMerkezi 2 İçindekiler 1. GİRİŞ... 3 1.1 ASP NEDİR?...

Detaylı

2. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr

2. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II. Öğr.Gör. Hakan YILMAZ. hakanyilmaz@karabuk.edu.tr 2. HAFTA KBT204 İNTERNET PROGRAMCILIĞI II Öğr.Gör. Hakan YILMAZ hakanyilmaz@karabuk.edu.tr Karabük Üniversitesi Uzaktan Eğitim Uygulama ve AraştırmaMerkezi 2 İçindekiler 2. ASP'nin Dili... 3 2.1 YAZILIM

Detaylı

Site Temizlik Projesi Kodları

Site Temizlik Projesi Kodları Site Temizlik Projesi Kodları Site Temizlik Projesi -2 nin kodları aşağıdadır. (İlgili site sayfasını önceki yazılarda bulabilirsiniz.) [crayon-5c2acf77c2a0b746634170/] İndir (DOCX, 15KB) İlk Hafta Sunumu

Detaylı

Uzaktan Eğitim Uygulama ve Araştırma Merkezi

Uzaktan Eğitim Uygulama ve Araştırma Merkezi JAVA PROGRAMLAMA Öğr. Gör. Utku SOBUTAY İÇERİK 2 Java Veri Tipleri ve Özelilkleri Değişken Tanımlama Kuralları Değişken Veri Tipi Değiştirme (Type Casting) Örnek Kodlar Java Veri Tipleri ve Özelilkleri

Detaylı

BİL-142 Bilgisayar Programlama II

BİL-142 Bilgisayar Programlama II BİL-142 Bilgisayar Programlama II (C/C++) Hazırlayan: M.Ali Akcayol Gazi Üniversitesi Bilgisayar Mühendisliği Bölümü Konular Giriş Sınıflar, Nesneler, Fonksiyon ve Veri Üyeleri Sınıf ve Fonksiyon Üyeleri

Detaylı