Sunum yükleniyor. Lütfen bekleyiniz

Sunum yükleniyor. Lütfen bekleyiniz

Javascript Kullanım Şekilleri. Javascript’de HTML … var name=prompt("enter your name",""); document.write (" Welcome " + name + " ");

Benzer bir sunumlar


... konulu sunumlar: "Javascript Kullanım Şekilleri. Javascript’de HTML … var name=prompt("enter your name",""); document.write (" Welcome " + name + " ");"— Sunum transkripti:

1 Javascript Kullanım Şekilleri

2 Javascript’de HTML … var name=prompt("enter your name",""); document.write (" Welcome " + name + " ");

3 Javascript’de HTML (\" … \") var count=1; while(count<=7) { document.writeln(" XHTML font size" + count + " "); ++count; }

4 Çalışma Sorusu Bir öğrenci için kullanıcıdan öğrenci numarası, isim, arasınav (30%), final (40%), proje (20%), ve katılım (10%) notlarını girmesini isteğiniz. Daha sonra girilen notları yüzdeliklerine göre hesaplayıp averajını bulun. Öğrenci numarası, isim ve hesaplanan averaj notunu ekrana yazdırın(font-size:12pt, color:red, font- type:Arial). Daha sonra öğrenci averajını grade aralığında bulun ve harf notunu ekrana yazdırın. (font-size:20pt, color:green,font-type:Verdana, text- decoration:underline) (yardım: if(grade>=90) document.write("A"); else if(grade>=80) document.write("B"); … )

5 Menü Yaratımı var choice, starttag, endtag, validinput=true, listtype; choice=prompt("select a list style: \n" + "1(bullet), 2(numbered), 3(lettered) ", "1"); switch(choice) { case "1": starttag=" "; endtag=" "; listtype=" Bullet List "; break; case "2": starttag=" "; endtag=" "; listtype=" Ordered List: Numbered "; break; case "3": starttag=" "; endtag=" "; listtype=" Ordered List: Lettered "; break;

6 Devamı… default: validinput=false; } if(validinput == true) { document.write(listtype + starttag); for(var i=1;i<=3; ++i) document.writeln(" List item:" + i + " "); document.writeln(endtag); } else document.write("Invalid Choice: " + choice);

7 Javascript’de Fonksiyon var num; num=prompt("enter a number", "0"); document.write("the square of "+num+" is "+square(num)); function square(n) { return n*n; }

8 Javascript’de Fonksiyon var x; function output() { for(x=1;x<=10;x++) document.writeln(x + " = " + cube(x) + " " ); } function cube(y) { return y*y*y; }

9 Çalışma Sorusu Bir hesap makinesi programı yazın. Kullanıcıdan iki sayı değeri girmesini isteyin ve daha sonra bu değerler için 4 matematik işlemini gerçekleştirin ve sonuçlarını ekrana yazdırınız. (Her bir işlem için ayrı bir fonksiyon yaratın toplama(), cikarma(), carpma(), bolme() gibi).

10 Çalışma Sorusu Az önce çözdüğünüz soruda küçük bir değişiklik yapın. Kullanıcı 2 sayı değerini girdikten sonra ona hangi matematik işlemini gerçekleştirmek istediğini sorun ve sadece o işlemin fonksiyonunu çağırarak sonucu ekrana yazdırınız. (girilen sonucu switch case’lerle çözümleyebilirsiniz)

11 HTML Formlarını Javascript Fonksiyonlarına Bağlama function cube() { var num=parseFloat(myForm.myInt.value); //window.status="Cube is: "+ num*num*num; document.write("Cube is: " + num*num*num ); } Enter an Integer:

12 Çalışma Sorusu 4. slide’daki öğrenci sorusunu form kullanarak çözünüz.

13 Dinamik Stiller function start() { var inputColor=prompt("enter the background color",""); //document.write(inputColor); document.body.style.backgroundColor=inputColor; } Welcome to the Web Site !!!

14 Dinamik Stiller.bigtext {font-size:3em; font-weight:bold }.smalltext {font-size:.75em } function start() { var inputClass=prompt("enter a class name (bigtext or smalltext)", ""); //document.write(inputClass); pText.className=inputClass; } Welcome to the Web Site !!!


"Javascript Kullanım Şekilleri. Javascript’de HTML … var name=prompt("enter your name",""); document.write (" Welcome " + name + " ");" indir ppt

Benzer bir sunumlar


Google Reklamları