4 Mga Paraan upang Mag-print sa Javascript

Talaan ng mga Nilalaman:

4 Mga Paraan upang Mag-print sa Javascript
4 Mga Paraan upang Mag-print sa Javascript

Video: 4 Mga Paraan upang Mag-print sa Javascript

Video: 4 Mga Paraan upang Mag-print sa Javascript
Video: TIPS PAANO PUMASA SA INTERVIEW | TAGALOG 2024, Abril
Anonim

Sa computer program, ang Print ay isang utos na ginamit upang ipakita ang ilang uri ng teksto sa screen. Maaari itong magamit upang maipakita ang teksto (string), isang variable, numero o mga kalkulasyon sa matematika. Ang isa sa mga unang bagay na natutunan ng maraming mga programmer ay kung paano gumamit ng isang print na print upang lumikha ng isang program na nagpapakita ng "Hello World!". Hindi tulad ng iba pang mga wika ng programa, ang Javascript ay nai-render sa loob ng isang web browser. Ang Javascript ay walang isang simpleng print na print tulad ng ginagawa ng maraming iba pang mga wika. Gayunpaman, maraming mga paraan upang maipakita ang teksto alinman sa loob ng dokumento ng HTML, isang window ng alerto, ang console. Maaari mo ring gamitin ang Javascript upang mag-print mula sa isang printer.

Mga hakbang

Paraan 1 ng 4: Paggamit ng InnerHTML

I-print sa Javascript Hakbang 1
I-print sa Javascript Hakbang 1

Hakbang 1. I-type ang <p id = sa katawan ng iyong HTML na dokumento

Ito ang pambungad na tag ng HTML para sa teksto ng talata na may isang tukoy na id.

Para sa karagdagang impormasyon sa kung paano magsulat ng HTML code, tingnan ang Paano Gumawa ng isang Simpleng Web Page na may HTML

I-print sa Javascript Hakbang 2
I-print sa Javascript Hakbang 2

Hakbang 2. Mag-type ng isang pangalan para sa elemento ng talata sa mga quote na sinusundan ng>

Itinalaga nito ang elemento ng teksto ng talata ng isang ID na maaaring maalaala sa Javascript. Halimbawa,"

".

Maaari mo ring gamitin ang iba pang mga elemento ng teksto ng HTML, tulad ng isang header {{kbd |

I-print sa Javascript Hakbang 3
I-print sa Javascript Hakbang 3

Hakbang 3. Uri

kaagad pagkatapos ng"

tag

Nagdaragdag ito ng isang tag na pagsasara para sa panimulang elemento ng HTML na talata

I-print sa Javascript Hakbang 4
I-print sa Javascript Hakbang 4

Hakbang 4. Pindutin ang ↵ Enter

Nagdaragdag ito ng isang bagong linya sa iyong HTML.

I-print sa Javascript Hakbang 5
I-print sa Javascript Hakbang 5

Hakbang 5. I-type at pindutin ang ↵ Enter

Ito ang pambungad na tag para sa iyong Javascript. Ang lahat ng pag-coding ng Javascript ay dapat na sundin ang tag na ito.

I-print sa Javascript Hakbang 6
I-print sa Javascript Hakbang 6

Hakbang 6. I-type ang document.getElementById

Ito ang javascript code upang tumawag sa isang elemento ng HTML sa pamamagitan ng ID nito.

I-print sa Javascript Hakbang 7
I-print sa Javascript Hakbang 7

Hakbang 7. I-type ang ID ng elemento ng talata sa mga quote sa loob ng panaklong

Kung ang elemento ng iyong talata ay"

", mababasa ng iyong javascript code ang" document.getElementById ("matematika") ".

I-print sa Javascript Hakbang 8
I-print sa Javascript Hakbang 8

Hakbang 8. Uri. InnerHTML = pagkatapos ng panaklong

Ginagamit ang utos na ito upang ipakita ang mga output ng teksto gamit ang elemento ng HTML.

I-print sa Javascript Hakbang 9
I-print sa Javascript Hakbang 9

Hakbang 9. I-type kung ano ang nais mong i-print na sinusundan ng isang kalahating titik (;

).

Maaari kang magpakita ng teksto, isang variable, numero, o isang equation sa matematika.

Halimbawa, i-type ang "document.getElementById (" demo "). InnerHTML = 27 + 33;" upang mai-print ang kabuuan ng 27 + 33

I-print sa Javascript Hakbang 10
I-print sa Javascript Hakbang 10

Hakbang 10. Pindutin ang ↵ Ipasok at i-type

Isinasara ng tag na ito ang iyong Javascript code. I-type ang tag na ito kapag tapos ka na ipasok ang lahat ng iyong mga linya ng Javascript. Kapag na-load mo ang dokumentong HTML sa isang web browser, mai-print ito sa loob ng dokumento ng HTML.

Paraan 2 ng 4: Paggamit ng Window Alert

I-print sa Javascript Hakbang 11
I-print sa Javascript Hakbang 11

Hakbang 1. I-type sa katawan ng iyong HTML na dokumento

Ito ang pambungad na tag para sa iyong Javascript.

I-print sa Javascript Hakbang 12
I-print sa Javascript Hakbang 12

Hakbang 2. Pindutin ang ↵ Ipasok at i-type ang alerto

Ito ang utos na javascript upang buksan ang isang alerto sa pop-up window.

I-print sa Javascript Hakbang 13
I-print sa Javascript Hakbang 13

Hakbang 3. I-type ang nais mong i-print sa panaklong

Maaari kang mag-type ng teksto, isang variable, numero, o isang equation sa matematika. Halimbawa, "alerto (" Hello Sweety! ")" Upang ipakita ang "Hello Sweety!" sa isang pop-up window.

I-print sa Javascript Hakbang 14
I-print sa Javascript Hakbang 14

Hakbang 4. Magdagdag ng isang semi-colon (;

) sa dulo.

Isinasara nito ang iyong linya ng Javascript. Ang buong linya ay dapat magmukhang isang bagay tulad ng "alerto (" Hello Sweety! ");".

I-print sa Javascript Hakbang 15
I-print sa Javascript Hakbang 15

Hakbang 5. Pindutin ang ↵ Ipasok at i-type

Isinasara ng tag na ito ang iyong Javascript code. I-type ang tag na ito kapag natapos mo na ang pagpasok ng lahat ng iyong mga linya ng Javascript. Kapag na-load mo ang iyong dokumento sa HTML sa isang web browser, ipapakita nito ang teksto na nais mong i-print sa isang pop-up window.

Maaari ka ring lumikha ng isang pindutan na nagpapakita ng naka-print na teksto sa isang pop-up window. Upang magawa ito, i-type ang "Button text"

Paraan 3 ng 4: Paggamit ng Console Log

I-print sa Javascript Hakbang 16
I-print sa Javascript Hakbang 16

Hakbang 1. I-type sa katawan ng iyong HTML na dokumento

Ito ang pambungad na tag para sa iyong Javascript.

I-print sa Javascript Hakbang 17
I-print sa Javascript Hakbang 17

Hakbang 2. Pindutin ang ↵ Ipasok at i-type ang console.log

Ito ang utos na javascript para sa isang log ng console. Ang isang log ng console ay ang pinakamalapit na bagay sa isang utos ng Print sa karaniwang kahulugan ng coding. Hindi ito nagpapakita ng teksto sa iyong web page, ngunit nagpapakita ito ng teksto sa loob ng console kapag pinatakbo mo ang iyong HTML / Javascript sa loob ng isang web browser. Kapaki-pakinabang ito para sa pag-debug.

I-print sa Javascript Hakbang 18
I-print sa Javascript Hakbang 18

Hakbang 3. I-type ang teksto na nais mong mag-log sa panaklong

Maaari itong teksto (isang string), isang variable, numero, o isang equation sa matematika. Halimbawa, console.log (Nagpi-print ako sa Javascript).

I-print sa Javascript Hakbang 19
I-print sa Javascript Hakbang 19

Hakbang 4. Magdagdag ng isang semi-colon (;

) sa dulo.

Isinasara nito ang iyong linya ng Javascript. Ang buong linya ay dapat magmukhang isang bagay tulad ng "nowiki> console.log (Nagpi-print ako sa Javascript)

I-print sa Javascript Hakbang 20
I-print sa Javascript Hakbang 20

Hakbang 5. Pindutin ang ↵ Ipasok at i-type

Isinasara ng tag na ito ang iyong Javascript code. I-type ang tag na ito kapag natapos mo na ang pagpasok ng lahat ng iyong mga linya ng Javascript.

I-print sa Javascript Hakbang 21
I-print sa Javascript Hakbang 21

Hakbang 6. I-save ang iyong dokumento sa HTML

Gamitin ang mga sumusunod na hakbang upang mai-save ang iyong dokumento sa HTML.

  • Mag-click File sa tuktok ng iyong text editor o HTML na programa sa pag-edit.
  • Mag-click I-save bilang.
  • Mag-type ng isang pangalan ng file para sa dokumento ng HTML.
  • Tiyaking nakakatipid ito bilang isang ".html" na dokumento.
  • Mag-click Magtipid.
I-print sa Javascript Hakbang 22
I-print sa Javascript Hakbang 22

Hakbang 7. Buksan ang dokumento ng HTML sa isang web browser

Buksan ang anumang web browser na iyong pinili at i-type ang lokasyon ng file ng HTML na dokumento sa address bar sa itaas. Bubuksan nito ang dokumentong HTML sa iyong web browser.

I-print sa Javascript Hakbang 23
I-print sa Javascript Hakbang 23

Hakbang 8. Pindutin ang F12

Binubuksan nito ang Mode ng Developer sa iyong web browser. Makakakita ka ng isang bagong window na ipinakita ang HTML, CSS, at Javascript code.

I-print sa Javascript Hakbang 24
I-print sa Javascript Hakbang 24

Hakbang 9. I-click ang Console

Nasa tuktok ito ng window ng mode ng developer.

I-print sa Javascript Hakbang 25
I-print sa Javascript Hakbang 25

Hakbang 10. I-refresh ang iyong browser

I-print sa Javascript Hakbang 26
I-print sa Javascript Hakbang 26

Hakbang 1. I-type ang <button onclick = sa katawan ng iyong dokumento sa HTML

Ito ang pambungad na tag ng HTML upang lumikha ng isang pindutan sa loob ng iyong HTML.

I-print sa Javascript Hakbang 27
I-print sa Javascript Hakbang 27

Hakbang 2. I-type ang "window.print ()"> pagkatapos ng katumbas na (=) sign

Ang utos na "window.print ()" ay ang utos ng Javascript upang mai-print ang mga nilalaman ng iyong web browser window. Tinatapos ng bracket (>) ang pambungad na tag ng pindutang HTML.

I-print sa Javascript Hakbang 28
I-print sa Javascript Hakbang 28

Hakbang 3. I-type ang teksto na nais mong pumunta sa pindutan

Dapat itong pumunta pagkatapos mismo ng bracket (>). Halimbawa, maaari mong i-type ang "Mag-click dito upang mag-print" o katulad na bagay.

I-print sa Javascript Hakbang 29
I-print sa Javascript Hakbang 29

Hakbang 4. Uri

Isinasara nito ang elemento ng pindutan ng HTML. Kapag na-render mo ang iyong HTML sa isang web browser, lilikha ito ng isang pindutan na maaari mong i-click upang mai-print ang mga nilalaman ng yoru web browser.

Inirerekumendang: