W projekcie znajduje się 3 pliki:
- index.html
- script.js
- style.css
Zadanie polega na dodaniu pliku JavaScript w odpowiednim miejscu w pliku html. Następnie za pomocą języka Javascript pobrać potrzebne elementy ze strony i wykonać akcję (cały kod Javascript ma być zawarty w pliku script.js):
- po kliknięciu w przycisk, kolor napisu powinien zmienić się z zielonego na niebieski.
Do projektu należy dodać dwa pliki:
- navbar.js
- blog.html (plik ten musi mieć strukturę strony internetowej - tagi html, head oraz body)
Do zrobienia:
- plik navbar.js powinien mieć zdefiniowany w zmiennej znacznik html -
<h1>Menu</h1>
oraz dwa znacznikia
, które będą odpowiedzialne na przeniesienie użytkownika na postronyindex
orazblog
. Dodatkowo w plik ten należy dołączyć do obu podstron projektu. - pliki
index.html
orazblog.html
powinny mieć tuż po otwarciu znacznika body umieszczony znacznik<div class="nav-menu"></div>
. Ten pusty znacznik będzie odpowiedzialny za wyświetlenie nawigacji z pliku navbar.js. - po dołączeniu pliku navbar.js do obu podstron należy umieścić w nim odpowiedni kod, który pobierze znacznik div i umieści w nim zdefiniowaną w zmiennej nawigację.