ПОМОГИТЕ ДЕВУШКЕ С ТЕСТОМ РАЗОБРАТЬСЯ!!)
5 ЗАДАЧА.
Допустим, что по url http://уцацуа/filter?size=S&co...cturer=aaa,eee находится страница, на которой есть такие поля: ● радио для size (значения - S, M, L) ● несколько чекбоксов для color (значения - 1, 2, 3, 4, 5) ● мультиселект (select multiple) для manufacturer (значения - "aaa", "b&c", "ddd", "eee") ● чекбокс "распродажа" (значение - 1) Допустим также, что сервер при генерации html ни одно из полей не заполняет, то есть радио не выбран, чекбоксы пустые и т.д. Задача: набросать самую элементарную разметку для указанных инпутов и написать скрипт, который ● при загрузке страницы разберёт значения фильтров из url и расставит их по соответствующим полям ● при изменении состояния в любом инпуте, кроме "распродажа", выведет в консоль аналогичный приведённому в условии url с актуальными значениями фильтров |
Nastya251985, вы самостоятельно пытались решить?
Опубликуйте код, который получился. |
<!DOCTYPE html>
<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Task2</title> </head> <body> <div class="radio"> <input type="radio" id='size1' name='radio' value="S"> <label for="sizeChoice1">S</label> <input type="radio" id='size2' name='radio' value="M"> <label for="sizeChoice2">M</label> <input type="radio" id='size3' name='radio' value="L"> <label for="sizeChoice3">L</label> </div> <div class="color"> <input type="checkbox" id='color1' name='color' value="1"> <label for="colorChoice1">1</label> <input type="checkbox" id='color2' name='color' value="2"> <label for="colorChoice2">2</label> <input type="checkbox" id='color3' name='color' value="3"> <label for="colorChoice3">3</label> <input type="checkbox" id='color4' name='color' value="4"> <label for="colorChoice4">4</label> <input type="checkbox" id='color5' name='color' value="5"> <label for="colorChoice5">5</label> </div> <form сlass='select'> <p><select multiple size="2"> <option>aaa</option> <option>b&c</option> <option>ddd</option> <option>eee</option> </select></p> </form> <div class="sale"> <input type="checkbox" name="sale" value="распродажа"> <label for="sale">Распродажа</label> </div> </body> </html> |
такие тестовые задания какому-то человеку на курсах по js дали. Хочу разобраться. Я вот навичок в этом деле, но хочу также себя готовить к светлому, успешному будущему:)
|
Цитата:
|
Спасибо за совет. Если не справлюсь, то буду надеяться на человека, который сделает и объяснит.
|
Nastya251985, если будут возникать вопросы/сложности, задавайте их в этой теме.
|
| Часовой пояс GMT +3, время: 02:45. |