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>
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>
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>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>
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>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>
çok işime yaradı çok teşekkür ederim