DERS-5 KONULARI

Butonlu Popup Resim

Dört İşlem

Üs Alma

ÖRNEK: Aşağıdaki resme veya butona tıklayınız...

ÖRNEK KODU :

< html >
< head >
< script >
function pen ( )
{window.open ( "himg/1.png","photo"," top=300 left=300 width=350 height=270" ) ; }
< /script >
< /head >
< body >
< a href="#" onclick="pen()">< img src="himg/1.png" width=100 height=100 >< /a >
< button onclick="pen()">TIKLAYINIZ< /button >
< /body >
< /html >

Yukarıdaki örnekte ilk önce < script > ... < /script > tagları arasında pen() isimli bir fonksiyon tanımlıyoruz. body bloğunun arasına koyduğumuz link, resim veya buton ile tanımladığımız fonksiyonu onclick="pen()" komutuyla çağırıyoruz.

Başa Dön

DÖRT İŞLEM

ÖRNEĞİ DENEMEK İÇİN !..TIKLAYINIZ..!

ÖRNEK KODU :

< html >
< head >
< script >
function top( )
{
var
x=parseInt( document.frm.s1.value );
y=parseInt( document.frm.s2.value );
z=x+y;
document.frm.son.value=z;
}
function cik( )
{
var
x=parseInt( document.frm.s1.value );
y=parseInt( document.frm.s2.value );
z=x-y;
document.frm.son.value=z;
}
function carp( )
{
var
x=parseInt( document.frm.s1.value );
y=parseInt( document.frm.s2.value );
z=x*y;
document.frm.son.value=z;
}
function bol( )
{
var
x=parseInt( document.frm.s1.value );
y=parseInt( document.frm.s2.value );
z=x/y;
document.frm.son.value=z;
}
< /script >
< /head >
< body >
< form name="frm" >
1.SAYI:< input type="text" name="s1" >
2.SAYI:< input type="text" name="s2" >
SONUC:< input type="text" name="son" >
< button onclick="top()" >TOPLA< /button >
< button onclick="cik()">ÇIKAR< /button >
< button onclick="carp()">ÇARP< /button >
< button onclick="bol()">BÖL< /button >
< /form >
< /body >
< /html >

Yukarıdaki örnekte ilk önce < script > ... < /script > tagları arasında hangi işlemi yapacaksak (toplama, çıkarma.. v.b) onla ilgili fonksiyonları tanımlarız. Mesala ilk fonksiyonu açıklayacak olursak "var" bloğu değişkenleri tanımladığımız yerdir.Buradaki parseInt komutuyla inputlardan giriş yapılan text değerleri integer bir değere çevirip öyle işlem yapmamızı sağlar.Daha sonra body bloğunda butonlar oluşturarak tanımladığımız fonksiyonları çağırarak işlemin gerçekleşmesini sağlarız.

Başa Dön

ÜS ALMA

ÖRNEĞİ DENEMEK İÇİN !..TIKLAYINIZ..!

ÖRNEK KODU :

< html >
< head >
< script >
function usalma( )
{
var x=1;
y=parseInt( document.form.sayi.value );
z=parseInt( document.form.us.value );
for( a=1 ; a<=z ; a++ )
x=x*y;
document.form.sonuc.value=x;
}
< /script >
< /head >
< body >
< form name="form" >
SAYI---->< input type="text" name="sayi" >
ÜS------->< input type="text" name="us" >
SONUÇ->< input type="text" name="sonuc" >
< input type="button" value="HESAPLA" onclick="usalma()" >
< /form >
< /body >
< /html >

Yukarıdaki örnek dört işlem örneğiyle aynı mantıktadır. Tek fark burada "for" döngüsünün kullanılmasıdır.
"for" döngüsündeki mantık ise üs değeri kadar yani "z" değişkenine atılan değer kadar sayıyı çarpmaktır.Böylece üs değeri kadar sayı kendisiyle çarpılarak sonuca ulaşılır.

Başa Dön