forked from root/public
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
31 lines
1.8 KiB
31 lines
1.8 KiB
4 years ago
|
## Get them all
|
||
|
|
|
||
|
|
### Instructions
|
||
|
|
|
||
|
|
You've been attributed the task to find the main architect of the Tower of Pisa before he achieves his plans, avoiding us nowadays all those lame pictures of people pretending to stop it from falling.
|
||
|
|
|
||
|
|
You arrived at the architects' chamber to find him, but all you have in front of you is a bunch of unknown people.\
|
||
|
|
Step by step, with the little information you have, gather information and figure out by elimination who he is.
|
||
|
|
|
||
|
|
On top of the webpage, each of the four buttons fires a function which has to return an array containing 2 entries: the targetted people, and the others eliminated at that step (the ones previously eliminated mustn't be included).
|
||
|
|
|
||
|
|
- Write the body of the `getArchitects` function, which targets the architects, all corresponding to a `<a>` tag.
|
||
|
|
|
||
|
|
- Write the body of the `getClassical` function, which targets the architects belonging to the `classical` class.
|
||
|
|
|
||
|
|
- Write the body of the `getActive` function, which targets the classical architects who are `active` in their class.
|
||
|
|
|
||
|
|
- Write the body of the `getBonannoPisano` function, which targets the architect you're looking for, whose `id` is `BonannoPisano`.
|
||
|
|
|
||
|
|
### Notions
|
||
|
|
|
||
|
|
- [`getElementsByTagName()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByTagName)
|
||
|
|
- [`getElementsByClassName()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementsByClassName)
|
||
|
|
- [`getElementById()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById)
|
||
|
|
- [`querySelectorAll()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelectorAll) / [`querySelector()`](https://developer.mozilla.org/en-US/docs/Web/API/Document/querySelector)
|
||
|
|
|
||
|
|
### Provided files
|
||
|
|
|
||
|
|
- Use this CSS file: [style.css](./style.css)
|
||
|
|
- You can take a look at the data: [data.js](./data.js)
|