W programowaniu komputerowym Print jest poleceniem używanym do wyświetlania pewnego rodzaju tekstu na ekranie. Może służyć do wyświetlania tekstu (łańcucha), zmiennej, liczb lub obliczeń matematycznych. Jedną z pierwszych rzeczy, których uczy się wielu programistów, jest używanie polecenia Drukuj do tworzenia programu wyświetlającego „Hello World!”. W przeciwieństwie do innych języków programowania, JavaScript jest renderowany w przeglądarce internetowej. JavaScript nie ma prostego polecenia drukowania, jak wiele innych języków. Istnieje jednak wiele sposobów wyświetlania tekstu w dokumencie HTML, oknie alertu lub konsoli. Możesz także użyć JavaScript do drukowania z drukarki.
Kroki
Metoda 1 z 4: Korzystanie z InnerHTML
Krok 1. Wpisz <p id= w treści dokumentu HTML
To jest otwierający tag HTML dla tekstu akapitowego o określonym identyfikatorze.
Aby uzyskać więcej informacji na temat pisania kodu HTML, zapoznaj się z artykułem Jak utworzyć prostą stronę internetową za pomocą HTML
Krok 2. Wpisz nazwę elementu akapitu w cudzysłowie, a następnie >
Przypisuje to elementowi tekstu akapitowego identyfikator, który można przywołać w JavaScript. Na przykład,"
".
Możesz także użyć innych tekstowych elementów HTML, takich jak nagłówek {{kbd|
Krok 3. Wpisz
zaraz po „
” tag.
Dodaje to zamykający znacznik do otwierającego elementu HTML akapitu
Krok 4. Naciśnij ↵ Enter
Dodaje to nowy wiersz do Twojego kodu HTML.
Krok 5. Wpisz i naciśnij ↵ Enter
To jest tag otwierający Twój JavaScript. Całe kodowanie JavaScript powinno następować po tym tagu.
Krok 6. Wpisz document.getElementById
To jest kod javascript do wywołania elementu HTML według jego identyfikatora.
Krok 7. Wpisz identyfikator elementu akapitu w cudzysłowie w nawiasie
Jeśli Twój element akapitu to „
”, Twój kod JavaScript miałby postać „document.getElementById(„math”)”.
Krok 8. Wpisz. InnerHTML = po nawiasie
To polecenie służy do wyświetlania wyników tekstowych za pomocą elementu HTML.
Krok 9. Wpisz, co chcesz wydrukować, a następnie średnik (;
).
Możesz wyświetlić tekst, zmienną, liczby lub równanie matematyczne.
Na przykład wpisz „document.getElementById(„demo”).innerHTML = 27 + 33;” wydrukować sumę 27 + 33
Krok 10. Naciśnij ↵ Enter i wpisz
Ten tag zamyka Twój kod JavaScript. Wpisz ten tag, gdy skończysz, wprowadź wszystkie linie JavaScript. Po załadowaniu dokumentu HTML w przeglądarce internetowej zostanie on wydrukowany wewnątrz dokumentu HTML.
Metoda 2 z 4: Korzystanie z alertu okna
Krok 1. Wpisz treść swojego dokumentu HTML
To jest tag otwierający Twój JavaScript.
Krok 2. Naciśnij ↵ Enter i wpisz alert
To jest polecenie javascript, które otwiera alert w wyskakującym okienku.
Krok 3. Wpisz, co chcesz wydrukować w nawiasie
Możesz wpisać tekst, zmienną, liczby lub równanie matematyczne. Na przykład "alert("Witaj kochanie!")", aby wyświetlić "Witaj kochanie!" w wyskakującym okienku.
Krok 4. Dodaj średnik (;
) na końcu.
To zamyka twoją linię JavaScript. Cała linia powinna wyglądać jak "alert("Cześć kochanie!");".
Krok 5. Naciśnij ↵ Enter i wpisz
Ten tag zamyka Twój kod JavaScript. Wpisz ten tag po zakończeniu wprowadzania wszystkich linii JavaScript. Po załadowaniu dokumentu HTML do przeglądarki internetowej w wyskakującym okienku zostanie wyświetlony tekst, który chcesz wydrukować.
Możesz również utworzyć przycisk, który wyświetla drukowany tekst w wyskakującym okienku. Aby to zrobić, wpisz „Tekst przycisku”
Metoda 3 z 4: Korzystanie z dziennika konsoli
Krok 1. Wpisz treść swojego dokumentu HTML
To jest tag otwierający Twój JavaScript.
Krok 2. Naciśnij klawisz ↵ Enter i wpisz console.log
To jest polecenie javascript dla dziennika konsoli. Dziennik konsoli jest najbliższą poleceniu Print w typowym sensie kodowania. Nie wyświetla tekstu na twojej stronie internetowej, ale wyświetla tekst w konsoli po uruchomieniu HTML/Javascript w przeglądarce internetowej. Jest to przydatne do debugowania.
Krok 3. Wpisz tekst, który chcesz zalogować w nawiasach
Może to być tekst (ciąg), zmienna, liczby lub równanie matematyczne. Na przykład „console.log (drukuję w JavaScript).
Krok 4. Dodaj średnik (;
) na końcu.
To zamyka twoją linię JavaScript. Cała linia powinna wyglądać mniej więcej tak: „nowiki>console.log (drukuję w JavaScript)
Krok 5. Naciśnij ↵ Enter i wpisz
Ten tag zamyka Twój kod JavaScript. Wpisz ten tag po zakończeniu wprowadzania wszystkich linii JavaScript.
Krok 6. Zapisz swój dokument HTML
Wykonaj poniższe czynności, aby zapisać dokument HTML.
- Kliknij Plik u góry edytora tekstu lub programu do edycji HTML.
- Kliknij Zapisz jako.
- Wpisz nazwę pliku dla dokumentu HTML.
- Upewnij się, że jest zapisywany jako dokument „.html”.
- Kliknij Zapisać.
Krok 7. Otwórz dokument HTML w przeglądarce internetowej
Otwórz dowolną przeglądarkę internetową i wpisz lokalizację pliku dokumentu HTML w pasku adresu u góry. Spowoduje to otwarcie dokumentu HTML w przeglądarce internetowej.
Krok 8. Naciśnij klawisz F12
Spowoduje to otwarcie trybu programisty w przeglądarce internetowej. Zobaczysz nowe okno z wyświetlonym kodem HTML, CSS i JavaScript.
Krok 9. Kliknij Konsola
Znajduje się u góry okna trybu programisty.
Krok 10. Odśwież przeglądarkę
Krok 1. Wpisz <button onclick= w treści dokumentu HTML
To jest otwierający tag HTML służący do tworzenia przycisku w kodzie HTML.
Krok 2. Wpisz "window.print()"> po znaku równości (=)
Polecenie „window.print()” to polecenie JavaScript służące do drukowania zawartości okna przeglądarki internetowej. Nawias (>) kończy otwierający tag przycisku HTML.
Krok 3. Wpisz tekst, który chcesz przejść w przycisk
Powinno to nastąpić tuż za nawiasem (>). Na przykład możesz wpisać „Kliknij tutaj, aby wydrukować” lub coś podobnego.
Krok 4. Wpisz
To zamyka element przycisku HTML. Kiedy renderujesz kod HTML w przeglądarce internetowej, utworzy przycisk, który możesz kliknąć, aby wydrukować zawartość przeglądarki internetowej.
