Ay: Ağustos 2015

Javascript ile Bir fotoğrafı kendi kendine büyütüp küçültelim :)

<!DOCTYPE html>
<html lang="en">
<head>o
    <meta charset="UTF-8">
    <title>ResimleSlayt</title>
    
var time;
      var myimage=document.images;
        function bigPicture()
        {
            myimage[0].height+=20;
            myimage[0].width+=20;
            if(myimage[0].height==600 && myimage[0].width==600)
            {
                window.clearInterval(time);
                smallPictureStart();
            }}
            function bigPictureStart()
      {
          time=setInterval(bigPicture,1000);
      }
function smallPictureStart()
{
    mytime=setInterval(smallPicture,1000);
}
function smallPicture() {
    myimage[0].height -= 20;
    myimage[0].width -= 20;
    if(myimage[0].height==400 && myimage[0].width==400)
    {
        window.clearInterval(mytime);
        bigPictureStart();
    }}

    
</head>
<body onload="bigPictureStart()">
<center><img id="myPic1" src="myimage1.jpg" height="500" width="500"/></center>

</body>
</html>

Fotoğrafımız site açılır açılmaz büyümeye başlıyor cunku body etiketi içinde bigPictureStart fonksıyonu cagrılıyor.Fotografımızın height ve width özellikleri 600 oldugunda buyume duruyor ve 400 olana dek kuculuyor.


			

			
				


	



			
				


			
				


			

			
JavaScript Örnek 2
		
	
	

		
4 basamakli bir sayi alalim ve önce 4 basamakli mi diye kontrol edelim ardından bu sayimizi ters çevrilmiş şekilde kullancıya gösterelim 🙂 Örneğimizde fonksiyon ve dizi yapılarını kullandım 🙂


 

        var number= 0,basamak= 1,mynumber=0;
     function myfunction()
     {
         var basamak=1;

         number=prompt("4 basamakli bir sayi giriniz : ");

mynumber=number;
         while(number>=10) {

             number = (number / 10);

             basamak++;
         }
             if (basamak != 4) {

                 alert(" " + basamak + " basamakli bir sayi girdiniz");


             }
         else
             alert("4 basamakli bir sayi girdiginiz icin tesekkurler :) ");

         return basamak;
     }


function yourfunction()
{
    var yazilacak_rakam=0;
    var dizi=new Array();
    while( mynumber>=10 ) {
        //Sayının son rakamı alınıp
        //ekrana bastırılıyor.
        yazilacak_rakam = Math.round(mynumber % 10);
       dizi.push(yazilacak_rakam);

        //Son rakam ekrana bastırıldığı
        //için sayının son hanesi atılıyor.
     mynumber /= 10;

    }
    dizi.push(Math.round(mynumber));
    for(var i=0; i

	


	



			
				


			

			
JavaScript Yeni Uğraşım :)
		
	
	

		
JavaScript in Java diline nesne yönelimli olması sebebiyle benzer olduğunu ama birebir alakalı şeyler olduğunu düşünüyorsanız yanılıyorsunuz 🙂


JavaScript dili html kodlarının <head></head> etiketleri arasına yazılır ve etiketleri arasına kodları yazılır 🙂


Benim için en buyuk sorun yazılan kodların konsol çıktılarını görememek oldu ama bunu çaresini de Firebug(Firefox ‘un fireBug eklentisi) eklentisinde buldum.


Başlangıç için küçük  iki örnekle başlayalım 🙂


    

  • 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 isteyelim (prompt komutu ile).
    • 

  • Daha sonra girilen notları yüzdeliklerine göre hesaplayıp konsolumuzda sonuçları görelim.Ekran Alıntısı
    • 



    

  • Kullanıcıdan örnek bir sayı girmesini isteyiniz, daha sonra 1-5 arası bir sayı girmesini isteyiniz.
    • 

  • Girilen birinci sayıyı, seçilen ikinci sayı kadar kendisiyle çarpıp sonucu ekrana yazdırın.
    • 

  • Örneğin: 
    • 



birinci sayı 8, seçilen ikinci sayı 3


1Ekran Alıntısı