IH
Size: a a a
IH
I
I
АХ
<ul class="goods">
</ul>
Твой js //тебе приходит массив данных с товарами
const arrayOfGoods = [
["iPhone", 450],
["Samsung", 400],
["Huawei", 280],
["Lenovo", 250]
];
const goods = document.querySelector(".goods");
//функция для динамической отрисовки таблицы
function createTable(array) {
array.forEach(item => {
// создаешь элемент списка
const li = document.createElement("li");
// добавляешь ему класс
li.classList.add("goods__item");
// тут может быть по-разному, в зависимости от того, что тебе надо создать
li.innerText = item.join(" - ");
// добавляешь элемент в список
goods.appendChild(li);
});
};
createTable(arrayOfGoods);
function filterItems(array) {
//тут присваиваешь значения из полей фильтрации
//у меня хардкод
const from = 300, to = 500;
// создаешь веременный массив, значением которого будут отфильтрованные единицы
const tmpArray = array.filter(item => item[1] >= from && item[1] <= to);
//очищаешь список товаров, иначе у тебя будут постоянно добавляться отфильтрованные данные
goods.innerText = '';
// отрисовываешь список с только отфильтрованными элементами
createTable(tmpArray);
};
filterItems(arrayOfGoods);
А это почитать вдогонку - https://learn.javascript.ru/array-methods#preobrazovanie-massivaIH
А
VZ
VZ
А
name01: function(name) {
if (name === 'field-16-01') {
return name;
} else {
return name = 'Error';
}
}(name);VZ
VZ
VZ
А
VZ
и
<ul class="goods">
</ul>
Твой js //тебе приходит массив данных с товарами
const arrayOfGoods = [
["iPhone", 450],
["Samsung", 400],
["Huawei", 280],
["Lenovo", 250]
];
const goods = document.querySelector(".goods");
//функция для динамической отрисовки таблицы
function createTable(array) {
array.forEach(item => {
// создаешь элемент списка
const li = document.createElement("li");
// добавляешь ему класс
li.classList.add("goods__item");
// тут может быть по-разному, в зависимости от того, что тебе надо создать
li.innerText = item.join(" - ");
// добавляешь элемент в список
goods.appendChild(li);
});
};
createTable(arrayOfGoods);
function filterItems(array) {
//тут присваиваешь значения из полей фильтрации
//у меня хардкод
const from = 300, to = 500;
// создаешь веременный массив, значением которого будут отфильтрованные единицы
const tmpArray = array.filter(item => item[1] >= from && item[1] <= to);
//очищаешь список товаров, иначе у тебя будут постоянно добавляться отфильтрованные данные
goods.innerText = '';
// отрисовываешь список с только отфильтрованными элементами
createTable(tmpArray);
};
filterItems(arrayOfGoods);
А это почитать вдогонку - https://learn.javascript.ru/array-methods#preobrazovanie-massivaAN
AN
AN
AN