Tietokoneohjelmoinnissa Tulosta on komento, jota käytetään näyttämään tietyn tyyppistä tekstiä näytöllä. Sitä voidaan käyttää tekstin (merkkijonon), muuttujan, numeroiden tai matemaattisten laskelmien näyttämiseen. Yksi ensimmäisistä asioista, jonka monet ohjelmoijat oppivat, on käyttää Tulosta -komentoa ohjelman luomiseen, joka näyttää "Hello World!". Toisin kuin muut ohjelmointikielet, Javascript hahmonnetaan verkkoselaimessa. Javascriptilla ei ole yksinkertaista tulostuskomentoa, kuten monilla muilla kielillä. On kuitenkin monia tapoja näyttää tekstiä joko HTML -asiakirjassa, varoitusikkunassa tai konsolissa. Voit myös käyttää Javascriptiä tulostamiseen tulostimesta.
Askeleet
Tapa 1/4: InnerHTML: n käyttäminen
Vaihe 1. Kirjoita HTML -asiakirjan tekstiosaan <p id =
Tämä on kappaleen tekstin alkuinen HTML -tunniste, jolla on tietty tunnus.
Lisätietoja HTML -koodin kirjoittamisesta on artikkelissa Yksinkertaisen verkkosivun luominen HTML -koodilla
Vaihe 2. Kirjoita kappaleelementin nimi lainausmerkkeihin ja sen jälkeen>
Tämä määrittää kappaleen tekstielementille tunnuksen, joka voidaan palauttaa Javascriptiin. Esimerkiksi,"
".
Voit käyttää myös muita tekstin HTML -elementtejä, kuten otsikkoa {{kbd |
Vaihe 3. Kirjoita
heti jälkeen
tunniste.
Tämä lisää päätöslauselman alkukappaleen HTML -elementille
Vaihe 4. Paina ↵ Enter
Tämä lisää uuden rivin HTML -koodiin.
Vaihe 5. Kirjoita ja paina ↵ Enter
Tämä on Javascriptin avaustunniste. Kaikkien Javascript -koodausten tulisi mennä tämän tagin jälkeen.
Vaihe 6. Kirjoita document.getElementById
Tämä on javascript -koodi HTML -elementin kutsumiseen sen tunnuksella.
Vaihe 7. Kirjoita kappale -elementin tunnus suluissa oleviin lainausmerkkeihin
Jos kappaleesi elementti on"
", javascript -koodisi olisi" document.getElementById ("math") ".
Vaihe 8. Kirjoita sulkeisiin. InnerHTML =
Tätä komentoa käytetään tekstin tulosten näyttämiseen HTML -elementin avulla.
Vaihe 9. Kirjoita, mitä haluat tulostaa, ja sen jälkeen puolipiste (;
).
Voit näyttää tekstiä, muuttujan, numeroita tai matemaattisen yhtälön.
Kirjoita esimerkiksi "document.getElementById (" demo "). InternalHTML = 27 + 33;" tulostaa summan 27 + 33
Vaihe 10. Paina ↵ Enter ja kirjoita
Tämä tunniste sulkee Javascript -koodisi. Kirjoita tämä tunniste, kun olet valmis, kirjoita kaikki Javascript -rivit. Kun lataat HTML -asiakirjan verkkoselaimeen, se tulostuu HTML -asiakirjan sisälle.
Tapa 2/4: Ikkunahälytyksen käyttäminen
Vaihe 1. Kirjoita HTML -asiakirjasi tekstiosa
Tämä on Javascriptin avaustunniste.
Vaihe 2. Paina ↵ Enter ja kirjoita hälytys
Tämä on javascript-komento ponnahdusikkunahälytyksen avaamiseksi.
Vaihe 3. Kirjoita suluissa tulostettava asia
Voit kirjoittaa tekstiä, muuttujan, numeroita tai matemaattisen yhtälön. Esimerkiksi "alert (" Hello Sweety! ")" Hello Sweety! " ponnahdusikkunassa.
Vaihe 4. Lisää puolipiste (;
) lopussa.
Tämä sulkee Javascript -rivisi. Koko rivin pitäisi näyttää "hälytykseltä" ("Hei Sweety!"); ".
Vaihe 5. Paina ↵ Enter ja kirjoita
Tämä tunniste sulkee Javascript -koodisi. Kirjoita tämä tunniste, kun olet kirjoittanut kaikki Javascript -rivit. Kun lataat HTML-asiakirjasi verkkoselaimeen, se näyttää tulostettavan tekstin ponnahdusikkunassa.
Voit myös luoda painikkeen, joka näyttää tulostetun tekstin ponnahdusikkunassa. Voit tehdä tämän kirjoittamalla "Painiketeksti"
Tapa 3/4: Konsolilokin käyttö
Vaihe 1. Kirjoita HTML -asiakirjasi tekstiosa
Tämä on Javascriptin avaustunniste.
Vaihe 2. Paina ↵ Enter ja kirjoita console.log
Tämä on konsolilokin javascript -komento. Konsoliloki on tyypillisessä koodauksessa lähinnä tulostuskomentoa. Se ei näytä tekstiä verkkosivullasi, mutta se näyttää tekstin konsolin sisällä, kun suoritat HTML-/Javascript -selaimen sisällä. Tästä on hyötyä virheenkorjauksessa.
Vaihe 3. Kirjoita suluissa kirjattava teksti
Se voi olla teksti (merkkijono), muuttuja, numerot tai matemaattinen yhtälö. Esimerkiksi console.log (tulostan Javascriptilla).
Vaihe 4. Lisää puolipiste (;
) lopussa.
Tämä sulkee Javascript -rivisi. Koko rivin pitäisi näyttää suunnilleen "nowiki> console.log (tulostan Javascriptilla)
Vaihe 5. Paina ↵ Enter ja kirjoita
Tämä tunniste sulkee Javascript -koodisi. Kirjoita tämä tunniste, kun olet kirjoittanut kaikki Javascript -rivit.
Vaihe 6. Tallenna HTML -asiakirja
Tallenna HTML -asiakirja seuraavasti.
- Klikkaus Tiedosto tekstieditorin tai HTML -muokkausohjelman yläosassa.
- Klikkaus Tallenna nimellä.
- Kirjoita HTML -asiakirjan tiedostonimi.
- Varmista, että se tallennetaan.html -asiakirjaksi.
- Klikkaus Tallentaa.
Vaihe 7. Avaa HTML -asiakirja verkkoselaimessa
Avaa mikä tahansa valitsemasi verkkoselain ja kirjoita HTML -asiakirjan tiedoston sijainti yläreunan osoiteriville. Tämä avaa HTML -asiakirjan selaimessasi.
Vaihe 8. Paina F12
Tämä avaa kehittäjätilan verkkoselaimeesi. Näet uuden ikkunan, jossa näkyy HTML-, CSS- ja Javascript -koodi.
Vaihe 9. Napsauta Konsoli
Se on kehittäjätila -ikkunan yläosassa.
Vaihe 10. Päivitä selaimesi
Vaihe 1. Kirjoita HTML -asiakirjasi tekstiosaan <-painike onclick =
Tämä on avaava HTML -tagi, jonka avulla voit luoda painikkeen HTML -koodiin.
Vaihe 2. Kirjoita "window.print ()"> yhtäsuuruusmerkin (=) jälkeen
"Window.print ()" -komento on Javascript -komento, joka tulostaa selainikkunasi sisällön. Hakasulku (>) viimeistelee HTML -painikkeen avaustunnisteen.
Vaihe 3. Kirjoita haluamasi teksti painikkeeseen
Tämän pitäisi mennä heti hakasulkeen (>) jälkeen. Voit esimerkiksi kirjoittaa "Tulosta napsauttamalla tätä" tai jotain vastaavaa.
Vaihe 4. Kirjoita
Tämä sulkee HTML -painike -elementin. Kun teet HTML -koodisi verkkoselaimessa, se luo painikkeen, jota napsauttamalla voit tulostaa yoru -selaimen sisällön.