---
# System prepended metadata

title: Kurs WWW. Lista nr 10
tags: [pwit, www20]

---

# Kurs WWW. Lista nr 10
###### tags: `www20` `pwit`

:::info
grupa PWit, wtorki 12-14
:::


## Deklaracje

:::info
Studenci wypełniają poniższą tabelkę przed rozpoczęciem zajęć. 
:::
Gotowość rozwiązania zadania należy wyrazić poprzez postawienie X w odpowiedniej kolumnie! 

Można również wyrazić chęć prezentacji któregoś zadeklarowanych zadań za pomocą znaku ==X== (X na żółtym tle).
|                            | 10.1  | 10.2  | 10.3  | 10.4  | 10.5  | 
|--------------------------- | ----- | ----- | ----- | ----- | ----- |
| Kacper Bajkiewicz          |   X   |   X   |   X   |  X   |      |
| Jakub	Bok                  |       |       |       |   x  |       |
| Kamila Brzozowska          |       |       |       |       |       |
| Karol	Kęciński             |       |       |       |   x   |       |
| Szymon Kiczak              |       |       |       |       |       |
| Szymon Kosakowski          |       |       |       |       |       |
| Denys	Lukeniuk             |       |       |       |       |       |
| Piotr	Mańkowski            |       |       |       |       |       |
| Mateusz Materek            |       |       |       |       |       |
| Patryk Pęczak              |       |       |       |       |       |
| Bartosz Polaszek           |       |       |       |       |       |
| Marcin Rogala              |       |   X   |       |       |       |
| Aleksander Szymański       |       |       |       |       |       |
| Jakub	Świgło               |       |       |       |       |       |
| Nikola Wrona               |   X   |   X   |       |       |   X   |





## Zadanie 10.1
:::danger
Autor:	Kacper Bajkiewicz		
:::


## Zadanie 10.2
:::danger
Autor:	Marcin Rogala	
:::

Tworzymy proste api, które pod ```/api/suggestion``` obsługuje operację ```GET```, która zwaraca plik json zawierający zawierający tytuły filmów, których częścią jest ciąg znaków podany do zapytania.

index.js: https://pastebin.com/diH3AWv4

W pliku index.html: https://pastebin.com/rUjaw2Gx
tworzymy pole ```input```, oraz ```div```, w którym wyświetlane będą sugestie.

W pliku script.js: https://pastebin.com/iNMH7M5x
wysyłamy zapytanie korzystając z funkcji ```ajax()```
oraz utworzonego wcześniej api. Zapytanie jest wysyłane, gdy w polu input zostanie wprowadzona zmiana. Otzymany wynik dodajemy do ```div```.


## Zadanie 10.3
:::danger
Autor:	Kacper Bajkiewicz	
:::


## Zadanie 10.4
:::danger
Autor: 	Jakub Bok		
:::

## Zadanie 10.5
:::danger
Autor: 		Nikola Wrona	
:::





