Javascriptdə çap etməyin 4 yolu

Mündəricat:

Javascriptdə çap etməyin 4 yolu
Javascriptdə çap etməyin 4 yolu

Video: Javascriptdə çap etməyin 4 yolu

Video: Javascriptdə çap etməyin 4 yolu
Video: GPT-4 Is EPIC - Build A Tetris Game In Seconds - Better Than ChatGPT - Code Refactor - How To Use 2024, Mart
Anonim

Kompüter proqramlaşdırmasında Çap, bir növ mətni ekranda göstərmək üçün istifadə olunan bir əmrdir. Mətni (simli), dəyişəni, ədədləri və ya riyazi hesablamaları göstərmək üçün istifadə edilə bilər. Bir çox proqramçının öyrəndiyi ilk şeylərdən biri "Salam Dünya!" Göstərən bir proqram yaratmaq üçün Çap əmrindən istifadə etməkdir. Digər proqramlaşdırma dillərindən fərqli olaraq, Javascript veb brauzerdə göstərilir. Javascript -in bir çox başqa dildə olduğu kimi sadə Çap əmri yoxdur. Bununla birlikdə, mətni HTML sənədində, xəbərdarlıq pəncərəsində və konsolda göstərməyin bir çox yolu var. Bir printerdən çap etmək üçün Javascriptdən də istifadə edə bilərsiniz.

Addımlar

Metod 1 /4: InnerHTML istifadə

Addım 1 -i Javascript ilə çap edin
Addım 1 -i Javascript ilə çap edin

Addım 1. HTML sənədinizin gövdəsinə <p id = yazın

Bu, müəyyən bir id ilə paraqraf mətni üçün açılan HTML etiketidir.

HTML kodunun necə yazılacağına dair daha çox məlumat üçün HTML ilə Sadə Veb Səhifəsi Yaratma bölməsinə baxın

Addım 2 -ni Javascript -də çap edin
Addım 2 -ni Javascript -də çap edin

Addım 2. Paraqraf elementi üçün tırnak işarələri daxil edin və sonra> yazın

Bu paraqraf mətn elementinə Javascript -də geri çağırıla bilən bir şəxsiyyət təyin edir. Misal üçün,"

".

Başqa mətn HTML elementlərindən də istifadə edə bilərsiniz, məsələn {{kbd |

Addım 3 -ü Javascript -də çap edin
Addım 3 -ü Javascript -də çap edin

Addım 3. Yazın

dərhal sonra"

etiketi.

Bu, açılış paraqrafı HTML elementi üçün bağlanış etiketi əlavə edir

Addım 4 -ü Javascript -də çap edin
Addım 4 -ü Javascript -də çap edin

Addım 4. ↵ Enter düyməsini basın

Bu, HTML -yə yeni bir xətt əlavə edir.

Addım 5 -i Javascript ilə çap edin
Addım 5 -i Javascript ilə çap edin

Addım 5. Yazın və press Enter düyməsini basın

Bu, Javascriptinizin açılış etiketidir. Bütün Javascript kodlaşdırmaları bu etiketdən sonra getməlidir.

Javascript 6 -cı addımda çap edin
Javascript 6 -cı addımda çap edin

Addım 6. Document.getElementById yazın

Bu bir HTML elementini ID ilə çağırmaq üçün javascript kodudur.

Addım 7 -ni Javascript -də çap edin
Addım 7 -ni Javascript -də çap edin

Addım 7. Paraqraf elementinin identifikatorunu mötərizənin içərisindəki tirnoqlara yazın

Paraqraf elementiniz"

", javascript kodunuz" document.getElementById ("riyaziyyat") "oxuyacaq.

Javascript Adım 8 -də çap edin
Javascript Adım 8 -də çap edin

Addım 8. Parantezdən sonra. InHTHTML = yazın

Bu əmr HTML elementindən istifadə edərək mətn çıxışlarını göstərmək üçün istifadə olunur.

Javascript Adım 9 -da çap edin
Javascript Adım 9 -da çap edin

Addım 9. Çap etmək istədiyinizi yazın və sonra nöqtəli vergül (;

).

Mətni, dəyişəni, ədədləri və ya riyazi tənliyi göstərə bilərsiniz.

Məsələn, "document.getElementById (" demo ") yazın. İnnerHTML = 27 + 33;" 27 + 33 cəmini çap etmək

Javascript Adım 10 -da çap edin
Javascript Adım 10 -da çap edin

Addım 10. ↵ Enter düyməsini basın və yazın

Bu etiket Javascript kodunuzu bağlayır. Bitirdikdən sonra bu etiketi bütün Javascript sətirlərinizə daxil edin. HTML sənədini veb brauzerə yüklədiyiniz zaman HTML sənədinin daxilində çap olunacaq.

Metod 2 /4: Pəncərə Xəbərdarlığından istifadə

Javascript Adım 11 -də çap edin
Javascript Adım 11 -də çap edin

Addım 1. HTML sənədinizin gövdəsinə yazın

Bu, Javascriptinizin açılış etiketidir.

Addım 12 -ni Javascript -də çap edin
Addım 12 -ni Javascript -də çap edin

Addım 2. ↵ Enter düyməsini basın və xəbərdarlıq yazın

Bu, açılan pəncərə xəbərdarlığı açmaq üçün javascript əmridir.

Javascript Adım 13 -də çap edin
Javascript Adım 13 -də çap edin

Addım 3. Çap etmək istədiyinizi mötərizədə yazın

Mətn, dəyişən, ədəd və ya riyazi tənlik yaza bilərsiniz. Məsələn, "alert (" Hello Sweety! ")" Göstərmək üçün "Hello Sweety!" açılan pəncərədə.

Addım 14 -ü Javascript -də çap edin
Addım 14 -ü Javascript -də çap edin

Addım 4. Nöqtəli nöqtə əlavə edin (;

) Sonda.

Bu, Javascript xəttinizi bağlayır. Bütün xətt "xəbərdarlıq" ("Hello Sweety!"); "Kimi bir şeyə bənzəməlidir.

Addım 15 -i Javascript ilə çap edin
Addım 15 -i Javascript ilə çap edin

Addım 5. ↵ Enter düyməsini basın və yazın

Bu etiket Javascript kodunuzu bağlayır. Javascript -in bütün sətirlərini daxil etməyi bitirdikdə bu etiketi yazın. HTML sənədinizi veb brauzerə yüklədiyiniz zaman, açmaq istədiyiniz mətni açılan bir pəncərədə göstərəcəkdir.

Açılan pəncərədə çap olunan mətni göstərən bir düymə də yarada bilərsiniz. Bunu etmək üçün "Düymə mətni" yazın

Metod 3 /4: Konsol Girişindən istifadə

Javascript Adım 16 -da çap edin
Javascript Adım 16 -da çap edin

Addım 1. HTML sənədinizin gövdəsinə yazın

Bu, Javascriptinizin açılış etiketidir.

Addım 17 -ni Javascript ilə çap edin
Addım 17 -ni Javascript ilə çap edin

Addım 2. ↵ Enter düyməsini basın və console.log yazın

Bu konsol qeydləri üçün javascript əmridir. Tipik kodlaşdırma mənasında Çap əmrinə ən yaxın olan bir konsol logıdır. Veb səhifənizdə mətn göstərmir, ancaq HTML/Javascriptinizi bir veb brauzerdə işlədərkən konsolun içərisində mətn göstərir. Bu ayıklama üçün faydalıdır.

Javascript Adım 18 -də çap edin
Javascript Adım 18 -də çap edin

Addım 3. Parantez daxil etmək istədiyiniz mətni yazın

Bu mətn (simli), dəyişən, ədədlər və ya riyazi tənlik ola bilər. Məsələn, console.log (Javascript ilə çap edirəm).

Addım 19 -u Javascript ilə çap edin
Addım 19 -u Javascript ilə çap edin

Addım 4. Nöqtəli nöqtə əlavə edin (;

) Sonda.

Bu, Javascript xəttinizi bağlayır. Bütün xətt "nowiki> console.log (Javascript ilə çap edirəm) kimi bir şeyə bənzəməlidir.

Addım 20 -ni Javascript -də çap edin
Addım 20 -ni Javascript -də çap edin

Addım 5. ↵ Enter düyməsini basın və yazın

Bu etiket Javascript kodunuzu bağlayır. Javascript -in bütün sətirlərini daxil etməyi bitirdikdə bu etiketi yazın.

Javascript Adım 21 -də çap edin
Javascript Adım 21 -də çap edin

Addım 6. HTML sənədinizi qeyd edin

HTML sənədinizi saxlamaq üçün aşağıdakı addımlardan istifadə edin.

  • Basın Fayl mətn redaktorunuzun və ya HTML redaktə proqramınızın yuxarısında.
  • Basın Kimi saxla.
  • HTML sənədi üçün bir fayl adı yazın.
  • ". Html" sənəd olaraq saxladığından əmin olun.
  • Basın Yadda saxla.
Addım 22 -ni Javascript ilə çap edin
Addım 22 -ni Javascript ilə çap edin

Addım 7. HTML sənədini veb brauzerdə açın

İstədiyiniz hər hansı bir veb brauzerini açın və yuxarıdakı ünvan çubuğuna HTML sənədinin fayl yerini yazın. HTML sənədini veb brauzerinizdə açacaqsınız.

Javascript Adım 23 -də çap edin
Javascript Adım 23 -də çap edin

Addım 8. F12 düyməsini basın

Bu, veb brauzerinizdə Developer Rejimini açır. HTML, CSS və Javascript kodlarının göstərildiyi yeni bir pəncərə görəcəksiniz.

Javascript Adım 24 -də çap edin
Javascript Adım 24 -də çap edin

Addım 9. Konsol düyməsini basın

Geliştirici rejimi pəncərəsinin yuxarısındadır.

Javascript Adım 25 -də çap edin
Javascript Adım 25 -də çap edin

Addım 10. Brauzerinizi yeniləyin

Javascript Adım 26 -da çap edin
Javascript Adım 26 -da çap edin

Addım 1. HTML sənədinizin gövdəsinə <button onclick = yazın

Bu, HTML -də bir düymə yaratmaq üçün açılan HTML etiketidir.

Javascript Adım 27 -də çap edin
Javascript Adım 27 -də çap edin

Addım 2. Bərabər (=) işarəsindən sonra "window.print ()"> yazın

"Window.print ()" əmri, veb brauzerinizin pəncərəsinin məzmununu çap etmək üçün Javascript əmridir. Mötərizə (>) HTML düyməsinin açılış etiketini bitirir.

Javascript Adım 28 -də çap edin
Javascript Adım 28 -də çap edin

Addım 3. Düymədə getmək istədiyiniz mətni yazın

Bu mötərizədən dərhal sonra getməlidir (>). Məsələn, "Çap etmək üçün bura vurun" və ya bənzər bir şey yaza bilərsiniz.

Javascript Adım 29 -da çap edin
Javascript Adım 29 -da çap edin

Addım 4. Yazın

Bu HTML düymə elementini bağlayır. HTML -ni bir veb brauzerində göstərdiyiniz zaman, yoru veb brauzerinin məzmununu çap etmək üçün tıklaya biləcəyiniz bir düymə yaradacaq.

Tövsiyə: