Notes
Notes - notes.io |
Javascript web sayfalarından istemci taraflı çalışan , dinamik bir içerik sağlayan script dilidir. C dilinden türemiş html kodları arasına yerleştirilen bir dildir html kodları arasına yerleştirilebileceği gibi, tek uzantılı başına .js uzantılı bir javascipt dosyasında da yazılabilir.
Javascript kodları tanımlama:
Javascript kodları <script…..></script>etiketi yardımıyla kullanılır. Bu kodlar bir html sayfasıyla üç şekilde ilişkilendirilir.
1-<head>
2-<body>
3-ayrı bir .js dosyasında
Bu etiketin kullanım şekli:
<script type=”text/javascript” language=”javascript”>
Document.write(“javascript ornek”);</script>
<script type=”text/javascript” language=”javascript”>
Var sayi:10;
Document.write(“ilk uygulama <br>”>;
Document.write(“sayı=”, sayi);
Değişken tanımlama:
Değişkenleri tanımlamak için var (variable) kullanılır.
Örnek: var sayi=20;
Örnek: var isim= “ali”;
Örnek: document.write(isim+sayi);
İf –else koşul deyimi:
İf deyimi program akışı esnasında verileri karşılaştırmak amacıyla kullanılır. Şartlar gerçekleşiyorsa if’ten sonra gelen kodlar çalışır , gerçekleşmiyorsa alt satırlarda yer alan diğer şartlar kontrol edilir.
Kullanım şekli:
İf(şart)
{
Şartlar sağlıyorsa çalışacak kodlar
}
Else
{
Şartlar gerçekleşmiyorsa çalışacak kodlar
}
Soru-1
Belirlenen iki sayıyı karşılaştırarak hangisinin büyük olduğunu ekrana yazan javascript kodları.
if (sayi1>sayi2)
{
alert(sayi1 + " " + "sayısı 2. den büyüktür ")
}
else
{
alert(sayi2 +" " + "sayısı 1. den büyüktür")
}
Soru-2
bir değişkene aktarılan yaş değerine göre bulunması gereken eğitim kurumunu ekranda görüntüleyen kodlar.
var yas=20;
if(yas>6 && yas<=10)
alert("ilkokul")
else if(yas>11 && yas<=14)
alert("ortaokul")
else if(yas>15 && yas<=19)
alert("lise")
else if(yas>19 && yas<=22)
alert("üniversite")
Kullanıcı bilgi girişi:
Kullanıcının ekranda açılan bilgi kutusuna veri girişimini sağlamak için prompt deyimi kullanılır. Alınan bilgi bu deyim yardımıyla bir değişkene atılır.
Örnek: var sayı = prompt(“bir sayı giriniz”);
Soru-1
Kullanıcıdan doğum yılını isteyerek yaşını hesaplayınız.
var yas=prompt("doğum tarihinizi giriniz");
var yıl=prompt("tarih giriniz");
var hesap=yıl-yas;
document.write(hesap + " "+ "Yaşındasınız");
Soru-2
Kullanıcıdan 2 sayı isteyerek 4 işlemi gerçekleştiriniz.
var sayi1 = prompt("1. sayıyı giriniz");
var sayi2 = prompt("2. sayıyı giriniz");
var toplam = eval(sayi1) + eval(sayi2);
var cıkarma = sayi1 - sayi2;
var carpma = sayi1 * sayi2;
var bolme = sayi1 / sayi2;
document.write("toplamı=" + toplam + "<br>");
document.write("çıkarma=" + cıkarma + "<br>");
document.write("çarpma=" + carpma + "<br>");
document.write("bölme=" + bolme + "<br>");
Soru-3
Kullanıcıdan girdiği sayıyı çift veya tek olarak ekranda görüntüleyen program.
var sayi= prompt("bir sayı giriniz");
var sonuc= sayi % 2;
if ( sonuc == 0)
{
document.write("sayı çifttir");
}
else
{
document.write("sayı tekbir");
}
SWİTCH (KOŞUL)
Programın akışı içerisinde herhangi bir şartın gerçekleşip gerçekleşmediğini kontrol eder. Kontrol edilecek değişken “switch” deyiminden sonra parantez içine yazılır. Case parametresiyle değişkenin alabileceği değerler ve yapılacak işlemler belirlenir. Her bir case parametresinde sonra kontrolün sonlanması için break yazılır.
Kullanım şekli:
Switch(değişken)
{
Case durum1:çalışması istenen komutlar
Break;
Case durum2:çalışması istenen komutlar
Break;
……
}
Örnek-1:
1-5 arası aralığında ki not değerini zayıf/orta/geçer/iyi/pekiyi şeklinde değerlendiren javascript kodları.
Notunuzu giriniz:2
Durum:orta
Switch(notunuz)
{
Case durum1: alert(“zayıf”)
Break;
Case durum2:çalışması istenen komutlar
Break;
……
}
switch(sayi)
{
case "1": alert("Zayıf");
break;
case "2": alert("Orta");
break;
case "3": alert("Yüksek");
break;
default:document.write("Geçersiz not");
}
Soru-1 ) Sistemden gün ve tarih bilgisini alarak hangi günde bulunduğunu ekrana yazana javas kodları.
<script type="text/javascript" language="javascript">
var gun= new Date().getDay();
switch(gun)
{
case 0: day="PAZAR";
break;
case 1: day="PAZARTESİ";
break;
case 2: day="SALI";
break;
case 3: day="ÇARŞAMBA";
break;
case 4: day="PERŞEMBE";
break;
case 5: day="CUMA";
break;
case 6: day="CUMARTESİ";
break;
default:document.write("Geçersiz not");
}
document.write("Bugün="+ day);
</script>
Harici bir js dosyasına bağlantı sağlamak için aşağıda yer alan kod satırı kullanılır;
<script src=”javaharici1.js” language=”javascript” type=”text/javascript”></script>
Döngü Deyimleri;
For Döngüsü;
Döngü deyimleri program içerisinde tekrar eden metinlerde veya belirli bir mantıkla sayı değeri artan matematiksel işlemlerde kullanılır. Koşul doğru olduğu sürece yazılan döngü çalışır.
Kullanım şekli;
For(başlangıç değeri;koşul;artış)
{
Çalıştıracak kodlar
}
Örnek:
Var sayi;
For(sayi=1;sayi<11;sayi++)
{
Document.write(“bilişim <br>”);
}
Soru-1)
50 ile 100 aralığındaki tüm sayıları araya – işareti koyarak yan yana yazdıran js kodları.
<script type="text/javascript" language="javascript">
var sayi=50;
for(sayi=50;sayi<=100;sayi++)
{
document.write( sayi + "-" );
}
Soru-2)
1 ile 10 aralığında ki sayıların karelerini hesaplayarak aşağıdaki şekilde ekrana yazan js kodları;
1’in karesi = 1
<script type="text/javascript" language="javascript">
var sayi;
for(sayi=1;sayi<=10;sayi++)
{
document.write(sayi+"'in karesi="+ sayi*sayi+ "<br>");
}
</script>
Soru-3)
Klavyeden girilen sayıya kadar olan tüm sayıların toplamını hesaplayarak ekrana yazdıran js kodları.
<script type="text/javascript" language="javascript">
var sayac,toplam=0;
var gsayi=prompt("Bir sayı giriniz");
for(sayac=1;sayac<=gsayi;sayac++)
{
toplam=toplam+sayac;
document.write(toplam,"<br>");
}
document.write("Bu sayıların toplamı="+toplam);
</script>
WHILE DÖNGÜSÜ:
While deyiminden sonra parantez içerisinde belirtilen şart sağlandığından sürece belirlenen kodlar çalıştırılır. Şart sağlanmıyorsa döngü dışına çıkılır.
While(şart)
{
Çalıştırılacak kodlar
}
Örnek: vari=0;
While(i<=10)
{
Document.write(“sayi”+i+”<br>”);
İ=i+1; }
Örnek: var i=0;
While(i<100)
{
İ+=2;
Document.write(i+”<br>”);
}
Soru-1)
Kullanıcının klavyeden girdiği sayıyı kontrol ederek çift sayı girene kadar sürekli yeni bir sayı isteyen js kodları.
<script type="text/javascript" language="javascript">
var yanit;
while (yanit %2!=0)
{
yanit=prompt("Çift Sayı Giriniz");
}
alert("Çift Sayı Girildi");
</script>
“!” işareti bu konuda önemlidir.
RASTGELE SAYI ÜRETME
Js kodlarıyla rastgele sayı üretmek için math.random(); satırı kullanılır. Ancak üretilen sayı 0-1 aralığında olduğu için hangi aralıkta sayı üretilecekse o sayılar alt veüst sınır olarak eklenmelidir. Örneğin 0-49 arası sayı üretmek için math.random()*49 yazılmalıdır.
Sayfa her yenilendiğinde 0-10 arasında sayı üreten js kodları;
Var sayi;
Sayi=Math.round(Math.random()*10);
Alert(sayi);
Soru-1)
0-5 aralığında sayı üretilerek kullanıcının bu sayıyı tahmin etmesi istenecek buluncaya kadar döngünün devam edilmesi.
<script type="text/javascript" language="javascript">
var yanit=prompt;
var sayi;
sayi=Math.round(Math.random()*5);
while (yanit != sayi)
{
yanit=prompt("Tahmin Ettiğiniz Sayıyı Giriniz");
}
alert("Doğru Tahmin");
</script>
DİZİLER
Diziler tek değişken tanımlayarak aynı türdeki verileri saklamak için kullanılır. Dizi tanımlamak için var deyiminden sonra dizi değişkeni yazılarak aynı satırda veya alt satırlarda dizi elemanları girilir.
Kullanım şekli: var dizi_ismi=new Array();
Örnek; var günler=new Array();
Günler[0]=”pazartesi”;
Günler[1]=”Salı”;
Günler[2]=”Çarşamba”;
Örnek; var günler=new Array(“pazartesi”,”Salı”,”Çarşamba”);
Soru-1)
Kullanıcıdan 5 adet sayı isteyen, da sonra bu sayıları ekranda yan yana yazan js kodları.
<script type="text/javascript" language="javascript">
var notlar=new Array();
var k;
for(k=0;k<5;k++)
{
notlar[k]=prompt("Sayı Giriniz");
}
document.write(notlar);
</script>
|
|
Notes is a web-based application for online taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000+ notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 14 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
