JavaScript [MK, 20/21]
Lekcja 1. DOM – Document Objec...

Składnia, komentarze, stałe i zmienne

Podstawy

Plik HTML powinien zawierać odwołanie do pliku z kodem JavaScript. Takich odwołań oraz plików może być więcej niż jedno. Ważne jest, aby były one umieszczone przed zamknięciem elementu body.
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Hello, world!</title>
</head>
<body>
  <h1>Hello, world!</h1>
  <script src="app.js"></script>
</body>
</html>
Jeśli chcemy dodać odwołanie do pliku JavaScript wewnątrz elementu head, to musimy dodać do niego atrybut defer:
<script src="app.js" defer></script>
Plik z kodem JavaScript powinien spełniać kilka podstawowych zasad:
  • przed nazwą zmiennych dodajemy słowo kluczowe var lub let
  • zmienne nie muszą być inicjowane wartością w momencie tworzenia
  • stałe deklarujemy przy użyciu słowa const
  • ciągi znaków zapisujemy w pojedynczych lub podwójnych cudzysłowach
  • ciągi znaków łączymy operatorem +
  • komentarz jednoliniowy tworzymy za pomocą dwóch ukośników //
  • komentarz wieloliniowy tworzymy za pomocą sekwencji
    /*
    */

Zadania

Zadanie 1. #
We wspólnym katalogu utwórz plik konsola.html oraz plik konsola.js. W pliku HTML dodaj odwołanie do pliku z kodem JavaScript. Następnie używając konsoli w przeglądarce, wykonaj następujące czynności:
  1. Za pomocą jednej komendy wyświetl w konsoli dowolny tekst oraz liczbę 404
  2. Wyświetl w konsoli obiekt window
  3. Wyświetl w konsoli tabelę zwierającą trzy liczby i trzy liczebniki (zapis słowny liczb), np. 1 2 3 jeden dwa trzy
  4. Wyświetl w konsoli 3 dowolne teksty w grupie o nazwie bulbulator

Zadanie 2. #

We wspólnym katalogu utwórz dwa pliki: zmienne.html oraz vars.js. W pliku HTML dodaj odwołanie do pliku z kodem JavaScript. Następnie w pliku vars.js utwórz dwie zmienne:

  • e_95 bez wartości początkowej
  • e_98 z wartością początkową instrybutor

Teraz wyświetl te zmienne w konsoli w tabeli. Następnie zmień wartość zmiennej e_98 na dystrybutor i również ją wyświetl w konsoli, ale jako obiekt.

Poniżej dodaj definicje dwóch stałych i również wyświetl je w osobnej tabeli:

  • minimumVolume z wartością 1
  • maximumVolume z wartością 100
Na koniec zmień wartość stałej minimumVolume na 0.

Zadanie 3. #

Przygotuj dwa pliki: milion.html i kiedy.js. W pliku HTML umieść odwołanie do pliku JS. W pliku JS utwórz stałą zaIleLat i przypisz jej wartość początkową będącą dowolną liczbą całkowitą dwucyfrową.

Następnie za pomocą jednego polecenia wyświetl w konsoli komunikat: Pierwszy milion zarobię za X lat., gdzie X będzie liczbą zapisaną w stałej zaIleLat.

2020-03-03 19:00:54 2024-09-04 12:29:20


© 2024 Młody Informatyk v. 0.1.7717