Anasayfa / Genel / Metodlar ile Basit Bir Uygulama

Metodlar ile Basit Bir Uygulama

Prompt-Alert-Console.log-Document.Write Uygulaması

Şimdi bir önceki derste gördüğümüz ve ne işe yaradığını anlattığımız metodları uygulamamızda kullanarak pekiştirelim.Bu uygulamamızda senaryo şu şekilde olacak;

  • Merhaba diyerek prompt ile kişinin adını alacağız.
  • Adını aldığımız kişiye Hoşgeldiniz “adını aldığımız kişi” diyerek alert ile mesaj vereceğiz.
  • Daha sonra Doğum tarihini yıl olarak girmesini prompt ile alacağız.
  • Merhaba “Adını aldığımız kişi” Yaşınız:… şeklinde mesaj vereceğiz.
  • Doküman içerisine document.Write ile “Yaş bulma uygulaması” yazacağız.
  • Son olarak console.log ile console ekranına Kullanıcının Adını ve Yaşını yazacağız.

Yukarıda ki senaryoyu HTML dokümanında değil harici Javascript dokümanında yapacağız.

Öncelikle HTML dokümanımızı aşağıdaki gibi oluşturalım.Dokümanımızın ismi “test.html” olsun.

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Prompt-Alert-Console.log-Document.Write Uygulaması</title>

<script src="test.js" type="text/javascript"></script>
</head><body>
</body>
</html>

Gördüğünüz üzere html doküman içerisinde yaptığımız tek şey “test.js” dosyasını sayfamıza eklemek.Asıl işi Javascript dosyamız yapacaktır.Şimdi de test.js içerisine yazılacak kodlar şu şekilde olacaktır.

  1. var isim = prompt("Merhabalar Lutfen isminizi giriniz");
  2. alert("Hosgeldiniz " + isim );
  3. var dogumtarihi = prompt("Merhaba Lutfen Dogum Tarihinizi giriniz.");
  4. var yas;
  5. yas = 2018 - dogumtarihi;
  6. alert("Merhaba " + isim + ", " + yas + " yasindasiniz.");
  7. document.write("Yaş bulma Uygulaması");
  8. console.log(isim + yas);

Öncelikle Değişken Konusuna Değinelim

Yukarıdaki uygulamayı anlatacak olursak öncelikle “var” anahtar kelimesi ingilizce “variable” kelimesinden gelir.Türkçe anlamı Değişken demektir.Javascript’te değişken tanımlamak çok kolaydır.Diğer programlama dillerinde değişkenin tipini belirtmek zorundaydık mesela C# dilinde eğer değişkene sayı atacaksak “int”,metin atacaksak “string” tanımlamamız gerekiyordu.Burada böyle bir ihtiyaç olmadığı gibi içine ne atarsan o hale bürünmektedir.

Satır Satır ne yaptık anlatalım

1.Satırda isim değişkenin içine kullanıcıdan girilen isim gelmektedir.

2.Satırda göze çarpan alert ile Hoşgeldiniz yazıyor ve + operatörü ile ikinci bir yazı yada değişken yazılabiliyor olmasıdır.Nitekim burada bir değişken yazdırılarak amaca uygun şekilde kullanıcının girdiği isim yazılarak mesaj verilmiştir.

3.Satırda artık prompt’un ne işe yaradığını çözmüş olduğunuzu düşünüyorum demek ki kullanıcıdan bilgi alınacaksa prompt kullanılıyor.Burada da doğum tarihinin yılı alınıyor.Bir diğer husus ise ilk prompt da metinsel bir ifade girilirken şimdi matematiksel bir ifade girileceğidir.

4.Satırda yas değişkeni tanımlanıyor.

5.Satırda yas değişkeninin içine 2018 yılından 3.Satırda aldığımız doğumtarihi değişkenini çıkarıyoruz ki adamın yaşı hesaplayabilelim.

6.Satırda artık alert metodunda nirvana yaparak + operatörleri havada uçuşacak şekilde hepsini birleştiriyor ve Kullanıcıya ismi ile birlikte yaşını yüzüne vuruyor 🙂

7.Satırda artık kutucuklara elveda diyerek dokümanımızın içine Yaş bulma Uygulaması yazdırıyoruz.

8.Satırda Subliminal mesaj gibi web sitemizde görünmese de console ekranına kullanıcının ismini ve yaşını yazdırdık.

Bu dersimizde hem değişken konusunu hemde metodları aradan çıkarmış olduk.

 

 

 

Hakkında sas7979

Birde Bunu Kontrol et

Matematiksel Metodlar

MATEMATİKSEL METODLAR Javascript ile toplama,çıkarma,çarpma ve bölme gibi temel işlemlerin yanı sıra daha komplike işlemler …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir