09 września 2024

JavaScript - let him cook

Utwórz nowy plik .js

W sekcji <body> załączamy nasz plik .js

Stworzyłem przykładową funkcję, która mnoży dwa zadane argumenty. Kod funkcji możecie zobaczyć tutaj --> KLIK.

Aby ją wywołać i przetestować na naszej stronie, klikamy w dowolnym miejscu w przeglądarce i klikamy "Zbadaj". Przechodzimy do zakładki Console.

 

Pamiętacie operator ...(spread) ? 

Spread pozwalał  zebrać dowolną liczbę argumentów w postaci tablicy. 

 

Zadania

Zad1.

Napisz skrypt, który dla 0, wypisze w konsoli tekst "Zero", dla innych liczb tekst "Liczba różna od zera".

 

Zad2.

Napisz prosty program, który zmieni podaną liczbę na tablicę pojedynczych cyfr.

Wskazówka: 

Najpierw zamieniasz liczbę na string, a potem rozbijasz ją na części za pomocą operatora spread (...).                                zad1

Użyj Math.abs(), żeby pozbyć się minusa, jeśli liczba jest ujemna.

Potem przerabiasz liczbę na tekst, rozbijasz go na pojedyncze znaki i używasz map() z parseInt(),

żeby każdy element z powrotem zamienić na cyfrę.

 

Zad3.

Zdefiniuj funkcję sum, która oblicza sumę swoich argumentów.

Wynikiem console.log(sum(1,1)); powinno być 2.

 

Zad4.

Napisz funkcję fibonacci(), która będzie obliczała

liczby Fibonacciego.

Przykładowo dla wywołania fibonacci(4) powinno wyświetlić

3.

Pierwsze 20 liczb ciągu:

 

Zad5.

Rozbuduj poniższy formularz do wprowadzenia danych osobowych.

Formularz

  • Dane które należy zbierać obowiązkowo: imię, nazwisko, PESEL, płeć, data urodzenia.

       Uzupełnij listę w dane opcjonalne, aby twój formularz zawierał co najmniej pięć różnych typów pól formularzy.

  • Uzupełnij skrypt show, żeby wyświetlał (w jednym alercie) wszystkie zebrane dane

 

Zad6.

Napisz program, który pobierze bieżącą datę.

Możesz uzyskać takie wyniki:

  • format: mm-dd-yyyy, mm/dd/yyyy
  • format: dd-mm-yyyy, dd/mm/yyyy

Zacznij od obiektu Date, który pozwala Ci pobrać aktualną datę, czyli dzień, miesiąc i rok. Potem, żeby było elegancko, możesz dodać zera na początku dnia czy miesiąca, jeśli mają tylko jedną cyfrę (np. 1 -> 01). Na końcu wyświetlisz różne formaty w konsoli.

Wskazówka:

 (do miesiąca dodajemy + 1, sprawdź co się stanie, kiedy to usuniemy)

 

Zad7.

Zdefiniuj funkcję average(), która przyjmuje dowolną liczbę argumentów i zwraca ich średnią arytmetyczną.

Dodatkowo: Upewnij się, że funkcja poprawnie działa także wtedy, gdy nie są przekazane żadne argumenty.

 

Zad8.

Napisz funkcję factorial(), która oblicza silnię (n!) dla podanej liczby.

 

Zad9.

Napisz program, który poprosi użytkownika o podanie ciągu wyrazów rozdzielonych przecinkami,

a następnie posortuje te wyrazy alfabetycznie i wyświetli rezultat.

 

 

Do powyższych zadań napisz stronę w HTML5, która obsłuży każde zadania.

Odnośniki do zadań mogą być przyciskami.

Przykład:

 

Żeby w HTML5 przypisać kod JS do przycisku użyj:

(Wyjątkiem jest zadanie z formularzem)