Javascript'te Yazdırmanın 4 Yolu

İçindekiler:

Javascript'te Yazdırmanın 4 Yolu
Javascript'te Yazdırmanın 4 Yolu

Video: Javascript'te Yazdırmanın 4 Yolu

Video: Javascript'te Yazdırmanın 4 Yolu
Video: İLK TANIŞMADA SORABİLECEĞİN ALTERNATİF SORULAR / Sohbet açma garantili! 2024, Nisan
Anonim

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

Javascript Adım 1'de yazdırın
Javascript Adım 1'de yazdırın

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

Javascript Adım 2'de yazdırın
Javascript Adım 2'de yazdırı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.

Javascript Adım 3'te yazdırın
Javascript Adım 3'te yazdırın

Adım 3. Yazın

den hemen sonra

etiket.

Bu, açılış paragrafı HTML öğesi için bir kapanış etiketi ekler

Javascript Adım 4'te yazdırın
Javascript Adım 4'te yazdırın

Adım 4. ↵ Enter'a basın

Bu, HTML'nize yeni bir satır ekler.

Javascript Adım 5'te yazdırın
Javascript Adım 5'te yazdırın

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.

Javascript Adım 6'da yazdırın
Javascript Adım 6'da yazdırın

Adım 6. Document.getElementById yazın

Bu, bir HTML öğesini kimliğine göre çağırmak için kullanılan javascript kodudur.

Javascript Adım 7'de yazdırın
Javascript Adım 7'de yazdırın

Adım 7. Paragraf öğesinin kimliğini parantez içinde tırnak içine alın

Paragraf öğeniz"

", javascript kodunuz "document.getElementById("math")" okur.

Javascript Adım 8'de yazdırın
Javascript Adım 8'de yazdırın

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.

Javascript Adım 9'da yazdırın
Javascript Adım 9'da yazdırın

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

Javascript Adım 10'da Yazdırın
Javascript Adım 10'da Yazdırın

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

Javascript Adım 11'de yazdırın
Javascript Adım 11'de yazdırın

Adım 1. HTML belgenizin gövdesini yazın

Bu, Javascript'iniz için açılış etiketidir.

Javascript Adım 12'de Yazdırın
Javascript Adım 12'de Yazdırın

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.

Javascript Adım 13'te yazdırın
Javascript Adım 13'te yazdırın

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.

Javascript Adım 14'te Yazdır
Javascript Adım 14'te Yazdır

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.

Javascript Adım 15'te Yazdır
Javascript Adım 15'te Yazdır

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

Javascript Adım 16'da Yazdırın
Javascript Adım 16'da Yazdırın

Adım 1. HTML belgenizin gövdesini yazın

Bu, Javascript'iniz için açılış etiketidir.

Javascript Adım 17'de Yazdırın
Javascript Adım 17'de Yazdırın

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.

Javascript Adım 18'de Yazdırın
Javascript Adım 18'de Yazdırın

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).

Javascript Adım 19'da Yazdırın
Javascript Adım 19'da Yazdırın

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.

Javascript Adım 20'de Yazdırın
Javascript Adım 20'de Yazdırın

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.

Javascript Adım 21'de Yazdır
Javascript Adım 21'de Yazdır

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.
Javascript Adım 22'de Yazdır
Javascript Adım 22'de Yazdır

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.

Javascript Adım 23'te Yazdır
Javascript Adım 23'te Yazdı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.

Javascript Adım 24'te Yazdır
Javascript Adım 24'te Yazdır

Adım 9. Konsol'a tıklayın

Geliştirici modu penceresinin en üstündedir.

Javascript Adım 25'te Yazdırın
Javascript Adım 25'te Yazdırın

Adım 10. Tarayıcınızı yenileyin

Javascript Adım 26'da Yazdırın
Javascript Adım 26'da Yazdırın

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.

Javascript Adım 27'de Yazdır
Javascript Adım 27'de Yazdır

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.

Javascript Adım 28'de Yazdır
Javascript Adım 28'de Yazdır

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.

Javascript Adım 29'da Yazdırın
Javascript Adım 29'da Yazdırın

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.

Önerilen: