Javascript if else örnekleri

1-)0-100 arasında girilen notu beşlik sisteme çeviren javascript programı.

2-)Kullanıcı tarafından girilen sayı sıfırdan büyükse pozitif, sıfırdan küçükse negatif, sıfıra eşitse sıfır yazdıran program.

3-)Yaşı girilen kullanıcının ehliyet alıp alamayacağını, ehliyet alamıyorsa kaç yıl sonra alacağını yazdıran program

4-) Kağıt Makas Taş Oyunu Yapımı

5-)Javascript: keypress klavye kontolü

6-)JavaScript ile Dizi İçinde Arama

7-)Javascript: Klavyeden Diziye Eklenen Sayılardan En Büyüğü ve En Küçüğü

Text kutusundaki öğrenci notu değiştiğinde ekrana öğrencinin durumunu yazmaktadır.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>if else örnekleri</title>
</head>

<body>
<input type="number" id="ogrnot">
<div id="durumgoster"></div>


<script>

var ogrenciNot=document.getElementById("ogrnot");
ogrenciNot.onchange=notHesapla;


function notHesapla(){
//ogrnot nesnesindeki değeri okuduk.
//string tipinde okunan değeri Number ile sayısala çevirdik
var ogrenciNotu=Number(ogrenciNot.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz
var durumGoster=document.getElementById("durumgoster");
if(ogrenciNotu<0)
{
//value attribute olan nesneler için value
//bunun dışındaki nesneler için innerHTML kullanılır. (Nesne içine değer yazmak için yada okumak)
durumGoster.innerHTML="HATALI NOT"; 
}
else if(ogrenciNotu<50)
{
durumGoster.innerHTML="KALDINIZ"; 
}
else if(ogrenciNotu<60)
{
durumGoster.innerHTML="GEÇER";
}
else if(ogrenciNotu<70)
{
durumGoster.innerHTML="ORTA"; 
}
else if(ogrenciNotu<85)
{
durumGoster.innerHTML="İYİ"; 
}
else if(ogrenciNotu<=100)
{
durumGoster.innerHTML="PEKİYİ"; 
}
else
{
durumGoster.innerHTML="HATALI NOT";
}

}
</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>if else örnekleri</title>

</head>

<body>

var ogrenciNot=document.getElementById("ogrnot");

ogrenciNot.onchange=notHesapla;

function notHesapla(){

//ogrnot nesnesindeki değeri okuduk.

//string tipinde okunan değeri Number ile sayısala çevirdik

var ogrenciNotu=Number(ogrenciNot.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz

var durumGoster=document.getElementById("durumgoster");

if(ogrenciNotu<0)

{

//value attribute olan nesneler için value

//bunun dışındaki nesneler için innerHTML kullanılır. (Nesne içine değer yazmak için yada okumak)

durumGoster.innerHTML="HATALI NOT";

}

else if(ogrenciNotu<50)

{

durumGoster.innerHTML="KALDINIZ";

}

else if(ogrenciNotu<60)

{

durumGoster.innerHTML="GEÇER";

}

else if(ogrenciNotu<70)

{

durumGoster.innerHTML="ORTA";

}

else if(ogrenciNotu<85)

{

durumGoster.innerHTML="İYİ";

}

else if(ogrenciNotu<=100)

{

durumGoster.innerHTML="PEKİYİ";

}

else

{

durumGoster.innerHTML="HATALI NOT";

}

</script>

</body>

</html>

2-)Kullanıcı tarafından girilen sayı sıfırdan büyükse pozitif, sıfırdan küçükse negatif, sıfıra eşitse sıfır yazdıran program.


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>if else örnekleri</title>
</head>

<body>
<input type="number" id="sayi">
<input type="button" id="hesapla" value="HESAPLA">
<div id="durumgoster"></div>


<script>

var sayiNesne=document.getElementById("sayi");
var hesaplaBtn=document.getElementById("hesapla");

//tıklama olayına islemYap metodunu bağlıyoruz. 
//burada metod çalışmadığı için parantez olmaz.
hesaplaBtn.onclick=islemYap;

function islemYap(){

var sayi=Number(sayiNesne.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz
var durumGoster=document.getElementById("durumgoster");
if(sayi<0)
{

durumGoster.innerHTML="SAYI NEGATİFTİR."; 
}
else if(sayi>0)
{
durumGoster.innerHTML="SAYI POZİTİFTİR"; 
}
else
{
durumGoster.innerHTML="SAYI SIFIRDIR"; 
}

}
</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>if else örnekleri</title>

</head>

<body>

var sayiNesne=document.getElementById("sayi");

var hesaplaBtn=document.getElementById("hesapla");

//tıklama olayına islemYap metodunu bağlıyoruz.

//burada metod çalışmadığı için parantez olmaz.

hesaplaBtn.onclick=islemYap;

function islemYap(){

var sayi=Number(sayiNesne.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz

var durumGoster=document.getElementById("durumgoster");

if(sayi<0)

{

durumGoster.innerHTML="SAYI NEGATİFTİR.";

}

else if(sayi>0)

{

durumGoster.innerHTML="SAYI POZİTİFTİR";

}

else

{

durumGoster.innerHTML="SAYI SIFIRDIR";

}

</script>

</body>

</html>

3-)Yaşı girilen kullanıcının ehliyet alıp alamayacağını, ehliyet alamıyorsa kaç yıl sonra alacağını yazdıran program


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>if else örnekleri</title>
</head>

<body>
<input type="number" id="yas">
<input type="button" id="hesapla" value="HESAPLA">
<div id="durumgoster"></div>


<script>

var yasNesne=document.getElementById("yas");
var hesaplaBtn=document.getElementById("hesapla");

//tıklama olayına islemYap metodunu bağlıyoruz. 
//burada metod çalışmadığı için parantez olmaz.
hesaplaBtn.onclick=islemYap;

function islemYap(){

var yas=Number(yasNesne.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz
var durumGoster=document.getElementById("durumgoster");
if(yas>=18)
{

durumGoster.innerHTML="YAŞINIZ EHLİYET ALMAK İÇİN UYGUNDUR."; 
}
else 
{
durumGoster.innerHTML="YAŞINIZ EHLİYET ALMAK İÇİN UYGUNDEĞİLDİR."
+"<BR> "+(18-yas)+" YIL SONRA EHLİYET ALABİLİRSİNİZ."; 
}
}
</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>if else örnekleri</title>

</head>

<body>

var yasNesne=document.getElementById("yas");

var hesaplaBtn=document.getElementById("hesapla");

//tıklama olayına islemYap metodunu bağlıyoruz.

//burada metod çalışmadığı için parantez olmaz.

hesaplaBtn.onclick=islemYap;

function islemYap(){

var yas=Number(yasNesne.value);//dışarıdaki global nesnseyi alıyor

//durumun gösterileceği div seçildi. Bu divin icine öğrenci notunu göstereceğiz

var durumGoster=document.getElementById("durumgoster");

if(yas>=18)

{

durumGoster.innerHTML="YAŞINIZ EHLİYET ALMAK İÇİN UYGUNDUR.";

}

else

{

durumGoster.innerHTML="YAŞINIZ EHLİYET ALMAK İÇİN UYGUNDEĞİLDİR."

+"<BR> "+(18-yas)+" YIL SONRA EHLİYET ALABİLİRSİNİZ.";

}

</script>

</body>

</html>

5-)Javascript: keypress klavye kontolü


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Klavye Olayları</title>
<style>
#kutu{
position:absolute;
left:200px;
top:200px;
width:200px;
height:200px;
background:black;

}

</style>
</head>

<body>
<div id="kutu"></div>


<script>
/* kutu nesnesinin x ve y değerlerini okutuyoruz.*/
var kutu=document.getElementById("kutu");

window.onkeydown=function(olay){

/* offsetLeft nesnenin sol kenardan ne kadar uzak olduğunu
offsetTop nesnenin üstten kenardan ne kadar uzak olduğunu gösterir*/
var y=kutu.offsetTop, x=kutu.offsetLeft;

//Sol Top Kodu:37 Ust Top Kodu:38 Sağ Top Kodu:39 Alt Top Kodu:40*/
/*hangi tuşa basıldığını kontrol edip, nesnenin yerini css ile kaydırıyoruz. yukarıdaki x ve y değerleri ile*/

if(olay.keyCode==37)
{
kutu.style.left=(x-5)+"px";

}
else if(olay.keyCode==38)
{
kutu.style.top=(y-5)+"px";
}
else if(olay.keyCode==39)
{
kutu.style.left=(x+5)+"px";
}
else if(olay.keyCode==40)
{
kutu.style.top=(y+5)+"px";
}

}

</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Klavye Olayları</title>

<style>

#kutu{

position:absolute;

left:200px;

top:200px;

width:200px;

height:200px;

background:black;

}

</style>

</head>

<body>

/* kutu nesnesinin x ve y değerlerini okutuyoruz.*/

var kutu=document.getElementById("kutu");

window.onkeydown=function(olay){

/* offsetLeft nesnenin sol kenardan ne kadar uzak olduğunu

offsetTop nesnenin üstten kenardan ne kadar uzak olduğunu gösterir*/

var y=kutu.offsetTop, x=kutu.offsetLeft;

//Sol Top Kodu:37 Ust Top Kodu:38 Sağ Top Kodu:39 Alt Top Kodu:40*/

/*hangi tuşa basıldığını kontrol edip, nesnenin yerini css ile kaydırıyoruz. yukarıdaki x ve y değerleri ile*/

if(olay.keyCode==37)

{

kutu.style.left=(x-5)+"px";

}

else if(olay.keyCode==38)

{

kutu.style.top=(y-5)+"px";

}

else if(olay.keyCode==39)

{

kutu.style.left=(x+5)+"px";

}

else if(olay.keyCode==40)

{

kutu.style.top=(y+5)+"px";

}

</script>

</body>

</html>

6-)JavaScript ile Dizi İçinde Arama


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>JS02</title>
</head>

<body>
<input type="text" placeholder="ARANACAK KELİME" id="kelime">
<input type="button" value="ARAMA YAP" id="ara">
<div id="dizi-liste"></div>

<script>
var dizi=["Ali","Ahmet","Mehmet","Veysel"];
var diziListe=document.getElementById("dizi-liste");
var kelime=document.getElementById("kelime");
var ara=document.getElementById("ara");


window.onload=function(){

diziListe.innerHTML=dizi; 
}

ara.onclick=function(){

var konum= dizi.lastIndexOf(kelime.value);
if(konum>=0)
{
alert("aradığınız ifade dizide "+(konum+1)+" sırada bulunmaktadır.");
}
else
{
alert("aradığınız ifade dizide yoktur.");
}

}


</script>
</body>
</html>

<!doctype html>

<html>

<head>

</head>

<body>

var dizi=["Ali","Ahmet","Mehmet","Veysel"];

var diziListe=document.getElementById("dizi-liste");

var kelime=document.getElementById("kelime");

var ara=document.getElementById("ara");

window.onload=function(){

diziListe.innerHTML=dizi;

}

ara.onclick=function(){

var konum= dizi.lastIndexOf(kelime.value);

if(konum>=0)

{

alert("aradığınız ifade dizide "+(konum+1)+" sırada bulunmaktadır.");

}

else

{

alert("aradığınız ifade dizide yoktur.");

}

</script>

</body>

</html>

7-) Javascript: Klavyeden Diziye Eklenen Sayılardan En Büyüğü ve En Küçüğü


<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Klavyeden girilen en büyük ve en küçük sayılar</title>
</head>

<body>
<script>
/*Klavyeden girilen 10 sayıyı bir diziye atıp dizi içindeki en büyük ve en küçük sayıyı bulan program*/

var enbuyuk,enkucuk;
var dizi=new Array();

for(var i=0;i<10;i++)
{
//kullanıcıdan sayı alma
var sayi=Number(window.prompt("Bir sayı giriniz",0));

//alınan sayıyı diziye aktarma
dizi.push(sayi);
}


/* büyük ve küçük sayıyı bulmadan önce büyük ve küçük sayının dizinin ilk sayısı olduğunu varsayıyoruz.*/
enkucuk=dizi[0];
enbuyuk=dizi[0];

for(var i=0;i<10;i++)
{
if(dizi[i]>enbuyuk)
{
enbuyuk=dizi[i];
}

if(dizi[i]<enkucuk)
{
enkucuk=dizi[i];
}
}

document.write("en büyük sayı:"+enbuyuk+"<br>");
document.write("en büyük sayı:"+enkucuk+"<br>");

</script>
</body>
</html>

<!doctype html>

<html>

<head>

<title>Klavyeden girilen en büyük ve en küçük sayılar</title>

</head>

<body>

/*Klavyeden girilen 10 sayıyı bir diziye atıp dizi içindeki en büyük ve en küçük sayıyı bulan program*/

var enbuyuk,enkucuk;

var dizi=new Array();

for(var i=0;i<10;i++)

{

//kullanıcıdan sayı alma

var sayi=Number(window.prompt("Bir sayı giriniz",0));

//alınan sayıyı diziye aktarma

dizi.push(sayi);

}

/* büyük ve küçük sayıyı bulmadan önce büyük ve küçük sayının dizinin ilk sayısı olduğunu varsayıyoruz.*/

enkucuk=dizi[0];

enbuyuk=dizi[0];

for(var i=0;i<10;i++)

{

if(dizi[i]>enbuyuk)

{

enbuyuk=dizi[i];

}

if(dizi[i]<enkucuk)

{

enkucuk=dizi[i];

}

document.write("en büyük sayı:"+enbuyuk+"<br>");

document.write("en büyük sayı:"+enkucuk+"<br>");

</script>

</body>

</html>

İlgili

Yorum

Engin dedi ki:

Kasım 11, 2019, 12:09 am

çok işime yaradı çok teşekkür ederim

Cevapla
JavaScript Dersleri – Yazılım Bilişim Programlama dedi ki:

Aralık 29, 2016, 3:19 am

[…] JavaScript Dersleri 4.1: If-Else Örnekleri […]

Cevapla
Javascript Örnekleri | Yazılım Bilişim Programlama dedi ki:

Ağustos 13, 2016, 4:55 am

[…] Diğer JavaScript If Else Örnekleri […]

Cevapla

Bunu paylaş:

İlgili

İlginizi Çekebilir

Yorum

Yorum Yap X