Wyprowadzenie zmiennej na ekran
Mirosław Zelent
Istnieje w JavaScript wiele metod wyprowadzenia wartości przechowywanej w zmiennej (czyli w pamięci RAM) na ekran komputera – poznajmy najbardziej elementarne sposoby!
1. Metoda document.write()
– największą wadą tej prostej instrukcji jest zniszczenie dotychczasowej zawartości witryny – cały dokument zostanie nadpisany i wypełniony nową, podaną w nawiasie zawartością (na ekranie pozostanie tylko wartość zmiennej).
var liczba = 12;
document.write(liczba);
2. Użycie okna popup typu alert() – wartość przechowywaną w zmiennej możemy wyprowadzić w malutkim, wyskakującym w przeglądarce okienku dialogowym – w prostych szkoleniowych skryptach to może wydawać się dobrym pomysłem, ale w realiach internetowych używanie alertów jest zazwyczaj uznawane za działanie inwazyjne (zniechęci internautę do odwiedzin, a sama przeglądarka posiada mechanizmy ograniczające nadużycia).
var liczba = 12;
alert(liczba);
3. Przygotowanie bloku (np. diva, wraz z nadaniem mu identyfikatora) i wyprowadzenie wartości zmiennej do jego wewnętrznego HTML (innerHTML) – wygodna metoda pozwalająca pokazać wartość zmiennej w uprzednio przygotowanym miejscu witryny
HTML – przygotowany pojemnik z nadanym identyfikatorem:
<div id="wynik"></div>
JavaScript – zmiana wartości atrybutu innerHTML uchwyconego diva:
var liczba = 12;
document.getElementById("wynik").innerHTML = liczba;
4. Wyprowadzenie wartości zmiennej do logu konsoli w przeglądarce – log dostępny jest w zakładce Console (aby wywołać Narzędzia developerskie naciskamy w przeglądarce Google Chrome klawisz F12, albo używamy w witrynie prawego przycisku myszy i wybieramy z menu kontekstowego opcję Zbadaj).
var liczba = 12;
console.log(liczba);
Polecamy: Mega Sekurak Hacking Party
Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - wpiszcie go w koszyku, dzięki czemu otrzymacie 40% zniżki na bilet standard. Więcej szczegółów znajdziecie tutaj.
Książka: Wprowadzenie do bezpieczeństwa IT
Niedawno wystartował dodruk świetnej, rozchwytywanej książki pt. "Wprowadzenie do bezpieczeństwa IT, Tom I" (około 940 stron). Mamy dla Was kod: pasja (wpisz go w koszyku), dzięki któremu otrzymacie 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla naszych Widzów! Jest to pierwszy tom serii o ITsec, który wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!
Pomóż dzieciom
Polska Akcja Humanitarna od wielu lat dożywia dzieci. Prosimy, poświęć teraz dosłownie chwilę i pomóż klikając w oznaczony strzałką zielony brzuszek Pajacyka. Dziękujemy!
Komentarze
Czy macie jakieś pytania, sugestie, uwagi? A może zauważyliście literówkę albo błąd? Dajcie koniecznie znać: kontakt@pasja-informatyki.pl. Dziękujemy za poświęcony czas - to dzięki Wam serwis staje się coraz lepszy!