4 načina ispisa u Javascriptu

Sadržaj:

4 načina ispisa u Javascriptu
4 načina ispisa u Javascriptu

Video: 4 načina ispisa u Javascriptu

Video: 4 načina ispisa u Javascriptu
Video: SKR 1.4 - TFT24 Firmware Update (2 of 3) 2024, Travanj
Anonim

U računalnom programiranju ispis je naredba koja se koristi za prikaz neke vrste teksta na ekranu. Može se koristiti za prikaz teksta (niza), varijable, brojeva ili matematičkih izračuna. Jedna od prvih stvari koju mnogi programeri nauče je kako pomoću naredbe Print stvoriti program koji prikazuje "Hello World!". Za razliku od drugih programskih jezika, Javascript se generira unutar web preglednika. Javascript nema jednostavnu naredbu Ispis kao i mnogi drugi jezici. Međutim, postoji mnogo načina na koje možete prikazati tekst unutar HTML dokumenta, prozora upozorenja ili konzole. Za ispis s pisača možete koristiti i Javascript.

Koraci

Metoda 1 od 4: Korištenje InnerHTML -a

Ispis u Javascriptu Korak 1
Ispis u Javascriptu Korak 1

Korak 1. Upišite <p id = u tijelo HTML dokumenta

Ovo je početna HTML oznaka za tekst odlomka s određenim ID -om.

Za više informacija o tome kako napisati HTML kôd, pogledajte Kako stvoriti jednostavnu web stranicu s HTML -om

Ispis u Javascriptu Korak 2
Ispis u Javascriptu Korak 2

Korak 2. Upišite naziv elementa odlomka pod navodnike iza koje slijedi>

Time se tekstualnom elementu odlomka dodjeljuje ID koji se može pozvati u Javascriptu. Na primjer,"

".

Također možete koristiti druge tekstualne HTML elemente, poput zaglavlja {{kbd |

Ispis u Javascriptu Korak 3
Ispis u Javascriptu Korak 3

Korak 3. Upišite

odmah nakon"

oznaka.

Ovo dodaje završnu oznaku za HTML element početnog odlomka

Ispis u Javascriptu Korak 4
Ispis u Javascriptu Korak 4

Korak 4. Pritisnite ↵ Enter

Ovo dodaje novi redak vašem HTML -u.

Ispis u Javascriptu Korak 5
Ispis u Javascriptu Korak 5

Korak 5. Upišite i pritisnite ↵ Enter

Ovo je početna oznaka za vaš Javascript. Sve Javascript kodiranje treba ići nakon ove oznake.

Ispis u Javascriptu Korak 6
Ispis u Javascriptu Korak 6

Korak 6. Upišite document.getElementById

Ovo je javascript kod za pozivanje HTML elementa prema njegovom ID -u.

Ispis u Javascriptu Korak 7
Ispis u Javascriptu Korak 7

Korak 7. Upišite ID elementa odlomka pod navodnike unutar zagrada

Ako je element odlomka"

", vaš javascript kôd bi glasio" document.getElementById ("math") ".

Ispis u Javascriptu Korak 8
Ispis u Javascriptu Korak 8

Korak 8. Upišite. InnerHTML = iza zagrade

Ova se naredba koristi za prikaz izlaznih teksta pomoću HTML elementa.

Ispis u Javascriptu Korak 9
Ispis u Javascriptu Korak 9

Korak 9. Upišite ono što želite ispisati nakon čega slijedi točka -zarez (;

).

Možete prikazati tekst, varijablu, brojeve ili matematičku jednadžbu.

Na primjer, upišite "document.getElementById (" demo "). InnerHTML = 27 + 33;" za ispis zbroja 27 + 33

Ispis u Javascriptu Korak 10
Ispis u Javascriptu Korak 10

Korak 10. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kad završite, unesite sve svoje redove Javascripta. Kada učitate HTML dokument u web preglednik, on će se ispisati unutar HTML dokumenta.

Metoda 2 od 4: Korištenje upozorenja prozora

Ispis u Javascriptu Korak 11
Ispis u Javascriptu Korak 11

Korak 1. Upišite tijelo HTML dokumenta

Ovo je početna oznaka za vaš Javascript.

Ispis u Javascriptu Korak 12
Ispis u Javascriptu Korak 12

Korak 2. Pritisnite ↵ Enter i upišite alert

Ovo je javascript naredba za otvaranje upozorenja skočnog prozora.

Ispis u Javascriptu Korak 13
Ispis u Javascriptu Korak 13

Korak 3. U zagrade upišite ono što želite ispisati

Možete upisati tekst, varijablu, brojeve ili matematičku jednadžbu. Na primjer, "alert (" Hello Sweety! ")" Za prikaz "Hello Sweety!" u skočnom prozoru.

Ispis u Javascriptu Korak 14
Ispis u Javascriptu Korak 14

Korak 4. Dodajte točku-zarez (;

) na kraju.

Ovo zatvara vašu liniju Javascripta. Cijela linija trebala bi izgledati nešto poput "alert (" Zdravo Sweety! ");".

Ispis u Javascriptu Korak 15
Ispis u Javascriptu Korak 15

Korak 5. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kad završite s unosom svih svojih redova Javascripta. Kada učitate svoj HTML dokument u web preglednik, on će prikazati tekst koji želite ispisati u skočnom prozoru.

Također možete stvoriti gumb koji prikazuje ispisani tekst u skočnom prozoru. Da biste to učinili, upišite "Tekst gumba"

Metoda 3 od 4: Korištenje dnevnika konzole

Ispis u Javascriptu Korak 16
Ispis u Javascriptu Korak 16

Korak 1. Upišite tijelo HTML dokumenta

Ovo je početna oznaka za vaš Javascript.

Ispis u Javascriptu Korak 17
Ispis u Javascriptu Korak 17

Korak 2. Pritisnite ↵ Enter i upišite console.log

Ovo je javascript naredba za dnevnik konzole. Dnevnik konzole najbliži je naredbi Print u tipičnom smislu kodiranja. Ne prikazuje tekst na vašoj web stranici, ali prikazuje tekst unutar konzole kada pokrenete HTML/Javascript unutar web preglednika. Ovo je korisno za ispravljanje pogrešaka.

Ispis u Javascriptu Korak 18
Ispis u Javascriptu Korak 18

Korak 3. Upišite tekst koji želite prijaviti u zagrade

To može biti tekst (niz), varijabla, brojevi ili matematička jednadžba. Na primjer, console.log (ispisujem u Javascriptu).

Ispis u Javascriptu Korak 19
Ispis u Javascriptu Korak 19

Korak 4. Dodajte točku-zarez (;

) na kraju.

Ovo zatvara vašu liniju Javascripta. Cijeli red trebao bi izgledati poput "nowiki> console.log (ispisujem u Javascriptu)"

Ispis u Javascriptu Korak 20
Ispis u Javascriptu Korak 20

Korak 5. Pritisnite ↵ Enter i upišite

Ova oznaka zatvara vaš Javascript kôd. Upišite ovu oznaku kad završite s unosom svih svojih redova Javascripta.

Ispis u Javascriptu Korak 21
Ispis u Javascriptu Korak 21

Korak 6. Spremite svoj HTML dokument

Pomoću sljedećih koraka spremite svoj HTML dokument.

  • Klik Datoteka na vrhu uređivača teksta ili programa za uređivanje HTML -a.
  • Klik Spremi kao.
  • Upišite naziv datoteke za HTML dokument.
  • Provjerite sprema li se kao ".html" dokument.
  • Klik Uštedjeti.
Ispis u Javascriptu Korak 22
Ispis u Javascriptu Korak 22

Korak 7. Otvorite HTML dokument u web pregledniku

Otvorite bilo koji web preglednik po svom izboru i upišite lokaciju datoteke HTML dokumenta u adresnu traku pri vrhu. Ovo će otvoriti HTML dokument u vašem web pregledniku.

Ispis u Javascriptu Korak 23
Ispis u Javascriptu Korak 23

Korak 8. Pritisnite F12

Ovo otvara Developer Mode u vašem web pregledniku. Vidjet ćete novi prozor s prikazanim HTML, CSS i Javascript kodom.

Ispis u Javascriptu Korak 24
Ispis u Javascriptu Korak 24

Korak 9. Pritisnite Konzola

Nalazi se pri vrhu prozora načina rada za programere.

Ispis u Javascriptu Korak 25
Ispis u Javascriptu Korak 25

Korak 10. Osvježite svoj preglednik

Ispis u Javascriptu Korak 26
Ispis u Javascriptu Korak 26

Korak 1. U tijelo HTML dokumenta upišite <button onclick =

Ovo je početna HTML oznaka za stvaranje gumba unutar vašeg HTML -a.

Ispis u Javascriptu Korak 27
Ispis u Javascriptu Korak 27

Korak 2. Upišite "window.print ()"> iza znaka jednakosti (=)

Naredba "window.print ()" je Javascript naredba za ispis sadržaja prozora vašeg web preglednika. Zagrada (>) završava početnu oznaku HTML gumba.

Ispis u Javascriptu Korak 28
Ispis u Javascriptu Korak 28

Korak 3. Unesite gumb koji želite unijeti u gumb

Ovo bi trebalo ići odmah iza zagrade (>). Na primjer, možete upisati "Kliknite ovdje za ispis" ili nešto slično.

Ispis u Javascriptu Korak 29
Ispis u Javascriptu Korak 29

Korak 4. Upišite

Time se zatvara element gumba HTML. Kada generirate svoj HTML u web pregledniku, on će stvoriti gumb na koji možete kliknuti za ispis sadržaja yoru web preglednika.

Preporučeni: