În fișierul https://gandacel.ro/code_tests/testData.txt sunt mai multe înregistrări de forma "Ax,By,Cz".
Vrem să afișăm aceste înregistrări pe o pagină HTML, într-un tabel cu posibilitatea de filtrare a valorilor pe baza unor input-uri de tip <select>.
Inițial, pagina ar trebui să aibă un output similar cu cel de la:
➡️ https://gandacel.ro/code_tests/initial.html
La selecția unei valori noi din select-urile din partea de sus a paginii, conținutul paginii ar trebui să se actualizeze automat:
- Se vor modifica atât conținutul celorlalte elemente
select, cât și conținutul tabelului.
-
Exemplul 1
Dacă selectămA1în primulselect:- Al doilea
select: vor fi afișate opțiunileB1,B2,B3 - Al treilea
select: vor fi afișate opțiunileC1până laC6 - Tabelul: se afișează liniile 1 - 6
🔗 https://gandacel.ro/code_tests/select_A1.html
- Al doilea
-
Exemplul 2
Dacă selectămB4în al doileaselect:- Primul
select: este selectat automatA2 - Al treilea
select: rămâne doar opțiuneaC7(dispare opțiunea "Toate") - Tabelul: rămâne doar linia 7
🔗 https://gandacel.ro/code_tests/select_B4.html
- Primul
-
Exemplul 3
Dacă selectămC10în al treileaselect:- Primul
select: este selectat automatA3 - Al doilea
select: este selectat automatB6 - Tabelul: rămâne doar linia 10
🔗 https://gandacel.ro/code_tests/select_C10.html
- Primul
⚙️ Mecanismul de selecție trebuie să funcționeze pentru orice combinație de selecții făcută de utilizator, nu doar pentru cazurile de mai sus.
📄 Ideal, datele ar trebui citite direct din fișierul atașat (testData.txt) sau dintr-un fișier cu structură similară.
✅ Este acceptată și o soluție în care datele sunt hardcodate direct în HTML.