Bilgisayar programlamasında Print, ekranda bir tür metin görüntülemek için kullanılan bir komuttur. Metni (string), bir değişkeni, sayıları veya matematik hesaplamalarını görüntülemek için kullanılabilir. Birçok programcının öğrendiği ilk şeylerden biri, "Merhaba Dünya!" görüntüleyen bir program oluşturmak için Yazdır komutunun nasıl kullanılacağıdır. Javascript, diğer programlama dillerinden farklı olarak bir web tarayıcısında işlenir. Javascript, diğer birçok dilde olduğu gibi basit bir Yazdır komutuna sahip değildir. Ancak, metni HTML belgesinde, bir uyarı penceresinde veya konsolda görüntülemenin birçok yolu vardır. Bir yazıcıdan yazdırmak için Javascript'i de kullanabilirsiniz.
adımlar
Yöntem 1/4: InnerHTML Kullanma
Adım 1. HTML belgenizin gövdesine<p id= yazın
Bu, belirli bir kimliğe sahip paragraf metni için açılış HTML etiketidir.
HTML kodunun nasıl yazılacağı hakkında daha fazla bilgi için HTML ile Basit Web Sayfası Nasıl Oluşturulur bölümüne bakın
Adım 2. Paragraf öğesi için tırnak içinde bir ad ve ardından > yazın
Bu, paragraf metin öğesine Javascript'te geri çağrılabilecek bir kimlik atar. Örneğin,"
".
Ayrıca {{kbd| üstbilgisi gibi diğer metin HTML öğelerini de kullanabilirsiniz.
Adım 3. Yazın
den hemen sonra
etiket.
Bu, açılış paragrafı HTML öğesi için bir kapanış etiketi ekler
Adım 4. ↵ Enter'a basın
Bu, HTML'nize yeni bir satır ekler.
Adım 5. Yazın ve ↵ Enter'a basın
Bu, Javascript'iniz için açılış etiketidir. Tüm Javascript kodlamaları bu etiketten sonra gelmelidir.
Adım 6. Document.getElementById yazın
Bu, bir HTML öğesini kimliğine göre çağırmak için kullanılan javascript kodudur.
Adım 7. Paragraf öğesinin kimliğini parantez içinde tırnak içine alın
Paragraf öğeniz"
", javascript kodunuz "document.getElementById("math")" okur.
Adım 8. Parantezden sonra. InnerHTML = yazın
Bu komut, HTML öğesini kullanarak metin çıktılarını görüntülemek için kullanılır.
Adım 9. Neyi yazdırmak istediğinizi yazın ve ardından noktalı virgül (;
).
Metni, değişkeni, sayıları veya matematik denklemini görüntüleyebilirsiniz.
Örneğin, "document.getElementById("demo").innerHTML = 27 + 33;" yazın 27 + 33 toplamını yazdırmak için
Adım 10. ↵ Enter'a basın ve yazın
Bu etiket Javascript kodunuzu kapatır. Bitirdiğinizde bu etiketi yazın, tüm Javascript satırlarınızı girin. HTML belgesini bir web tarayıcısına yüklediğinizde, HTML belgesinin içine yazdırılacaktır.
Yöntem 2/4: Bir Pencere Uyarısı Kullanma
Adım 1. HTML belgenizin gövdesini yazın
Bu, Javascript'iniz için açılış etiketidir.
Adım 2. ↵ Enter'a basın ve uyarı yazın
Bu, bir açılır pencere uyarısı açmak için javascript komutudur.
Adım 3. Parantez içinde ne yazdırmak istediğinizi yazın
Metin, değişken, sayı veya matematik denklemi yazabilirsiniz. Örneğin, "Alert("Merhaba Tatlım!")", "Merhaba Tatlım!" açılır pencerede.
Adım 4. Noktalı virgül (;
) sonunda.
Bu, Javascript satırınızı kapatır. Tüm satır "alert("Merhaba Tatlım!");" gibi görünmelidir.
Adım 5. ↵ Enter'a basın ve yazın
Bu etiket Javascript kodunuzu kapatır. Tüm Javascript satırlarınızı girmeyi bitirdiğinizde bu etiketi yazın. HTML belgenizi bir web tarayıcısına yüklediğinizde, bir açılır pencerede yazdırmak istediğiniz metni görüntüler.
Bir açılır pencerede yazdırılan metni görüntüleyen bir düğme de oluşturabilirsiniz. Bunu yapmak için "Düğme metni" yazın
Yöntem 3/4: Konsol Günlüğünü Kullanma
Adım 1. HTML belgenizin gövdesini yazın
Bu, Javascript'iniz için açılış etiketidir.
Adım 2. ↵ Enter'a basın ve console.log yazın
Bu, bir konsol günlüğü için javascript komutudur. Konsol günlüğü, tipik kodlama anlamında Print komutuna en yakın şeydir. Web sayfanızda metin görüntülemez, ancak HTML/Javascript'inizi bir web tarayıcısında çalıştırdığınızda konsolun içindeki metni görüntüler. Bu, hata ayıklama için kullanışlıdır.
Adım 3. Giriş yapmak istediğiniz metni parantez içinde yazın
Metin (bir dize), bir değişken, sayılar veya bir matematik denklemi olabilir. Örneğin, console.log(Javascript'te yazdırıyorum).
Adım 4. Noktalı virgül (;
) sonunda.
Bu, Javascript satırınızı kapatır. Tüm satır "nowiki>console.log(Javascript'te yazdırıyorum) gibi görünmelidir.
Adım 5. ↵ Enter'a basın ve yazın
Bu etiket Javascript kodunuzu kapatır. Tüm Javascript satırlarınızı girmeyi bitirdiğinizde bu etiketi yazın.
Adım 6. HTML belgenizi kaydedin
HTML belgenizi kaydetmek için aşağıdaki adımları kullanın.
- Tıklamak Dosya metin düzenleyicinizin veya HTML düzenleme programınızın en üstünde.
- Tıklamak Farklı kaydet.
- HTML belgesi için bir dosya adı yazın.
- ".html" belgesi olarak kaydettiğinden emin olun.
- Tıklamak Kaydetmek.
Adım 7. HTML belgesini bir web tarayıcısında açın
İstediğiniz herhangi bir web tarayıcısını açın ve üstteki adres çubuğuna HTML belgesinin dosya konumunu yazın. Bu, HTML belgesini web tarayıcınızda açacaktır.
Adım 8. F12 tuşuna basın
Bu, web tarayıcınızda Geliştirici Modu'nu açar. HTML, CSS ve Javascript kodunun görüntülendiği yeni bir pencere göreceksiniz.
Adım 9. Konsol'a tıklayın
Geliştirici modu penceresinin en üstündedir.
Adım 10. Tarayıcınızı yenileyin
Adım 1. HTML belgenizin gövdesine <button onclick= yazın
Bu, HTML'nizde bir düğme oluşturmak için açılan HTML etiketidir.
Adım 2. Eşittir (=) işaretinden sonra "window.print()"> yazın
"window.print()" komutu, web tarayıcı pencerenizin içeriğini yazdırmak için kullanılan Javascript komutudur. Köşeli ayraç (>), HTML düğmesinin açılış etiketini tamamlar.
Adım 3. Düğmeye gitmek istediğiniz metni yazın
Bu, parantezden (>) hemen sonra gelmelidir. Örneğin, "Yazdırmak için burayı tıklayın" veya benzeri bir şey yazabilirsiniz.
Adım 4. Yazın
Bu, HTML düğme öğesini kapatır. HTML'nizi bir web tarayıcısında oluşturduğunuzda, web tarayıcınızın içeriğini yazdırmak için tıklayabileceğiniz bir düğme oluşturacaktır.