Kullanıcı etkileşimli bir program yazalım

Kullanıcıya yöneltilen sorular doğrultusunda sayfaya belirtilen cümle/kelimeyi belirtilen kadar sayfaya yazdıralım.

Merhabalar

Bu dersimizde daha önce ele aldığımız while,alert,prompt gibi kodları tekrarlayarak ufak bir program yazacağız.

Yapacağımız program girmiş olduğumuz bilgiler doğrultusunda girilen cümleyi girilen rakam kadar sayfaya yazdıracaktır.Ve sonunda işlem tamamlanmıştır şeklinde bir mesaj ile tamamlanacaktır.

Javascript kodlama için *.html sayfamızın temel kodlarını icaben yazalım.


<html>

<head></head>

<script language="javascript">

</script>

</body>

</html>



Bu kodlar yazıldıktan sonra,algoritmamızı çıkartalım ve kodlarımızı yazmaya başlayalım.

*Kullanıcıdan gerekli bilgleri iste.
*Sayfaya yazdırılacak döngüyü kur.
*sayfaya yazdır.
*programı bitir(kullanıcıya mesaj ver.)

Kullanıcıdan bilgi girilmesini istemek için prompt komutunu kullanıyorduk.

var a=prompt("sayfaya yazılacak kelimye vaya cümleyi yazınız...","")
var b=prompt("kaç defa yazılacak","")

Kullanıcıdan istediklerimiz sayfaya kaç defa yazılacağı ve hangi kelime/cümle yazılcağı.

Tabi bunların altına bir'de değişken lazım olucak : )

var x=0

Değişken tanımlama ve Kullanıcıdan bilgi istemem işlemleri tamamlandığına göre döngümüzü kurabiliriz.


while(x<b)

{

x++

document.write(a+"<br>")

}



Yukarıda döngü kullanıcıdan aldığımız sayfaya kaç defa yazılsın sorusunun cevabından küçük olduğu sürece dönücektir.(x
Ve her döngüde document.write(a+"
")
(a)'yı sayfaya yazdıracaktır. "a" dediğimiz kullanıcıdan aldığımız "sayfaya yazılacak" sorusunun cevabıdır.

Kodlarımızı bütün hale getirisek,


<html>

<head></head>

<script language="javascript">

var a=prompt("sayfaya yazılacak kelimye vaya cümleyi yazınız...","")

var c=prompt("kaç defa yazılacak","")

var x=0

while(x<c)

{

x++

document.write(a+"<br>")

}

</script>

</body>

</html>



Son olarak işlemin tamamlandığını belirtmek için kullanıcıya alert ile mesaj gönderelim.Bu mesaj'ı döngü içine kurmamalıyız.Sayfaya her yazıldıktan sonra mesaj gelecektir. .Bu yüzden döngü dışına yazılmalıdır.


<html>

<head></head>

<script language="javascript">

var a=prompt("sayfaya yazılacak kelimye vaya cümleyi yazınız...","")

var c=prompt("kaç defa yazılacak","")

var x=0

while(x<c)

{

x++

document.write(a+"<br>")

}

alert("İşlem tamamlandı!")

</script>

</body>

</html>



Sayfamızı *.html olarak kaydedip inceleyebiliriz.

NOT:Yukarıda okumuş olduğunuz makale sadece sanalkurs.net adresine özel olarak hazırlanmıştır. Yazar ve sanalkurs.net adresinin izni olmadan (alıntı gösterilerek dahil) kesinlikle yayınlanamaz.
  • Etiketler;
Gökhan Halimoğlu
1989 İzmir doğumlu. 2005 yılından bu yana aktif olarak programlama dünyasının içinde. Şu anda Çukurova Üniversitesinde Bilgisayar Programcılığı bölümünde eğitim hayatını sürdürüyor.
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

güzell bir ders tsk ederim
Eline sağlık, teşekkürler ama biz bu komutu mesela ne şekilde kullanabiliriz? Nerede kullanabiliriz hep merak etmişimdir. Bunu cevaplayabilecek olan olursa gerçekten çok sevineceğim. Merak ediyorum cidden nerede kullanılır diye...
"while" şart oluşana kadar devam eder.örneğin yukarıdaki programda her seferinde girilen yazıyı yazması için vermiş olduğumuz şart sayı'ya kadar döngünün devam etmesini söyledik. while ile daha derin bilgi için onunla ilgili hazırlamış olduğum ders'ten yararlanabilirsin. http://www.sanalkurs.net/javascript-ile-while-dongusu-kurmak-2956.html
javascripte yeni başlıyorum.güzel bir ders.sagolun
ya bir textarea oluşturdum kalın yazı diye iki çözümleyemediğim hata çıktı :-dusun: birincisi; bir türlü textare'nın içine yazdıramadım. ikincisi; butona tıkladığında nasıl çıkmasını sağlarım yani elbet bulacağım cevaplarımı ama yine de bi sorayım dedim. iyi günler, teşekkürler.
cannurbey merhabalar.Sorularınızı daha açıklayıcı şekilde sanalkurs/forum da yöneltirseniz daha net cevaplar bulabilirsiniz. Soruyu pek anlayamadım açıkçası.
document.formismi.text.ismi="yazınız" şeklinde text'ten alınan bilgileri yazdırabilirsiniz. onclick="fonksiyon()" şekllinde de buton'a basıldığında çalıştırabilirsiniz.Görüşmek üzere.

Yukarı Git