Herkese Yeniden Merhaba,Bugün sizle ufaktan javascript betik diline giriş yapıyoruz.Öncelikle Notepad++ editörümüzü açıyoruz.Javascript html kodları arasına yazılan bir dildir.Bu yüzden öncelikle aşağıdaki tagları editörümüze yazıyoruz Ctrl+S ile kaydediyoruz.Çıkan sayfada Kayıt Türü txt olan yerı Hyper Text Markup Language File yani html yapıyoruz ve masaüstüne kaydediyoruz.
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Javascript kodları head kısmını yazılır.Bu yüzden script kodlarını head kısmına yerleştiriyoruz.
<html>
<head>
<title></title>
<script></script>
</head>
<body>
</body>
</html>
Artık yapacağımız işlemleri bu script taglarının altına yazabiliriz.Öncelikle ekrana yazı veya sayı yazdırmak için kullanacağımız kod: document.write(""); kodudur.Parantezlerin içindeki tırnaklar içine string halde yani yazı karakteri girdiğinizde ekrana o yazı çıkar.Örnek olarak;
<html>
<head>
<title></title>
<script>document.write("Merhaba Dünya");</script>
</head>
<body>
</body>
</html>
Yazdığınız zaman kaydettiğimizde kaydettiğimiz dosyayı birikte aç deyip tarayıcınızda açtığınızda karşınıza Merhaba Dünya yazısı çıkar.Tırnak işaretini kullanmazsanız tarayıcı bu yazdığınızı değişken olmadığı sürece görmez ve ekrana basmaz.Ekrana yazı yazdırmayı hallettikten sonra değişken tanımlayabiliriz.Değişken,içinde bilgilerin tutulduğu nesnelerdir.Tarayıcımızın değişkeni okuyabilmesi için değişkenleri "var değişkenadı;" ile tanımlıyoruz.Örnek olarak;
<html>
<head>
<title></title>
<script>var değişkenadı;</script>
</head>
<body>
</body>
Var yazdıktan sonra değişkene vereceğiniz ismi girmeniz gerekmektedir.Şimdilik biz değişken girelim kullanıcıdan istemeyelim aşağıdaki kodu yazdığınızda değişken1 diye bir değişken tanımaladınız ve içine 5 rakamını girdiniz eğer string tanımlasaydınız yani harfleri kullansaydınız "" içine yazmak zorundaydınız.
<html>
<head>
<title></title>
<script>var değişken1=5;</script>
</head>
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
Javascript kodları head kısmını yazılır.Bu yüzden script kodlarını head kısmına yerleştiriyoruz.
<html>
<head>
<title></title>
<script></script>
</head>
<body>
</body>
</html>
Artık yapacağımız işlemleri bu script taglarının altına yazabiliriz.Öncelikle ekrana yazı veya sayı yazdırmak için kullanacağımız kod: document.write(""); kodudur.Parantezlerin içindeki tırnaklar içine string halde yani yazı karakteri girdiğinizde ekrana o yazı çıkar.Örnek olarak;
<html>
<head>
<title></title>
<script>document.write("Merhaba Dünya");</script>
</head>
<body>
</body>
</html>
Yazdığınız zaman kaydettiğimizde kaydettiğimiz dosyayı birikte aç deyip tarayıcınızda açtığınızda karşınıza Merhaba Dünya yazısı çıkar.Tırnak işaretini kullanmazsanız tarayıcı bu yazdığınızı değişken olmadığı sürece görmez ve ekrana basmaz.Ekrana yazı yazdırmayı hallettikten sonra değişken tanımlayabiliriz.Değişken,içinde bilgilerin tutulduğu nesnelerdir.Tarayıcımızın değişkeni okuyabilmesi için değişkenleri "var değişkenadı;" ile tanımlıyoruz.Örnek olarak;
<html>
<head>
<title></title>
<script>var değişkenadı;</script>
</head>
<body>
</body>
</html>
Var yazdıktan sonra değişkene vereceğiniz ismi girmeniz gerekmektedir.Şimdilik biz değişken girelim kullanıcıdan istemeyelim aşağıdaki kodu yazdığınızda değişken1 diye bir değişken tanımaladınız ve içine 5 rakamını girdiniz eğer string tanımlasaydınız yani harfleri kullansaydınız "" içine yazmak zorundaydınız.
<html>
<head>
<title></title>
<script>var değişken1=5;</script>
</head>
<body>
</body>
</html>
Değişkeni eğer ekranda göstermek isterseniz,önce değişkeni tanımlayıp daha sonra ekrana yazdırdığınız kodun içine değişkenin ismini yazmalısınız.Değişkenin ismini yazarken tırnak kullanmıyoruz bunu unutmayın eğer biz "metin" yazsaydık ekrana metin diye yazardı biz değişken olarak kullanmalıyız ve değişkenler tırnaksız yazılır.
<html>
<head>
<title></title>
<script>var metin="Merhaba Naber";
document.write(metin);
</body>
</html>
Değişkeni eğer ekranda göstermek isterseniz,önce değişkeni tanımlayıp daha sonra ekrana yazdırdığınız kodun içine değişkenin ismini yazmalısınız.Değişkenin ismini yazarken tırnak kullanmıyoruz bunu unutmayın eğer biz "metin" yazsaydık ekrana metin diye yazardı biz değişken olarak kullanmalıyız ve değişkenler tırnaksız yazılır.
<html>
<head>
<title></title>
<script>var metin="Merhaba Naber";
document.write(metin);
</script>
</head>
<body>
</body>
</html>
Şimdide değişken tanımlayarak ve değişkenlere biz değer girerek bir toplama yapalım;
var sayi1=5;
var sayi2=4;
var toplam=sayi1+sayi2;
</head>
<body>
</body>
</html>
Şimdide değişken tanımlayarak ve değişkenlere biz değer girerek bir toplama yapalım;
var sayi1=5;
var sayi2=4;
var toplam=sayi1+sayi2;
document.write(toplam);
Öncelikle 2 değişken tanımladık ve değişkenlere 4 ve 5 rakamlarını atadık rakam oldukları için tırnak yok.Daha sonra toplam diye bir değişken atadık ve onada işlemleri yaptırdık.En son olarakda sonucu ekrana yazdırdık.
Öncelikle 2 değişken tanımladık ve değişkenlere 4 ve 5 rakamlarını atadık rakam oldukları için tırnak yok.Daha sonra toplam diye bir değişken atadık ve onada işlemleri yaptırdık.En son olarakda sonucu ekrana yazdırdık.
Son olarak deyineceğim konu ekrana hata mesajı vermekten bahsedicem.Bunun için alert komutunu kullanıyoruz.Buraya yazacağım kodu eğer çalıştırırsanız demek istediğimi anlarsınız.
<html>
<head>
<title></title>
<script>alert("Ekrana mesaj olarak vermek istediğiniz yazıyı buraya yazın."); </script>
</head>
<body>
</body>
</html>
Devamı diğer derslerde...
<html>
<head>
<title></title>
<script>alert("Ekrana mesaj olarak vermek istediğiniz yazıyı buraya yazın."); </script>
</head>
<body>
</body>
</html>
Devamı diğer derslerde...
Yorumlar
Yorum Gönder