Ćwiczenie 11.1: Materiały konferencji
W tym zadaniu jako rozwiązanie trzeba oddać tylko plik script.js. Nie zmieniaj kodu html.
Jeżeli masz problem z wysyłaniem plików .js, zmień nazwę na script.png.
Pobierz plik z listą artykułów konferencji.
Streszczenie każdego artykułu zawiera się w atrybucie
title. Dodaj możliwość pokazywania streszczenia w bloku w ramce.Napisz skrypt, który po załadowaniu strony do każdego artykułu doda element
Show Abstractoraz zarejestruje na kliknięciu po nim funkcję, która by pobrała z atrybututitlestreszczenie i pokazała jego w bloku przy artykule. Niech słowo „Show” w elemencie zostanie zastąpiono przez „Hide”. Wyróżnij ten element stylem, na przykład, jak na obrazku (Rysunek 11.1).Rozszerz skrypt tak, żeby po kliknięciu na
Hide Abstract, streszczenie znikło.
Dodaj możliwość wyszukiwania artykułu według autora:
-
Dodaj element
input, w którym użytkownik wprowadza początek nazwiska autora, oraz skrypt, który przejdzie po dokumencie i ukryje wszystkie artykuły, dla których nazwisko żadnego z autorów nie pasuje do wprowadzonego słowa. - Schowaj tytuł rozdziału, jeżeli nie ma on wyświetlonych artykułów.
- Zrealizuj możliwość przywrócenia pierwotnej postaci dokumentu.
-
Dodaj element
Zalecany zestaw opcji JSHint (razem z operatorem "use strict"):
/*jshint globalstrict: true, devel: true, browser:true, esversion: 6*/ 'use strict';