Size: a a a

Front-end developers

2019 August 29

IH

Ivan Hrynevytskyi in Front-end developers
INME
Та это, видимо, простецкая задачка по js, которую чувак решать не хочет)
тогда надо делать так, 45$ в час
источник

I

INME in Front-end developers
Ivan Hrynevytskyi
тогда надо делать так, 45$ в час
Уахах)
источник

I

INME in Front-end developers
Ivan Hrynevytskyi
тогда надо делать так, 45$ в час
Чему-то это его научит)
источник

АХ

Андрей Хайрунин in Front-end developers
Integer
А можно код?
Твой HTML

<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-massiva
источник

IH

Ivan Hrynevytskyi in Front-end developers
Вакансии запрещены
источник

AH

Alexander Ivar Kjell Hovland in Front-end developers
источник

А

Артём in Front-end developers
Народ, что я делаю не так? Что объект применяет такое значение, вместо тех, которые прописанные в условиях..

{result: "Да, 2 раза", name01: ƒ}

for (i = 1; i <= 3; i++ ) {
       $('input[name="field-16-0' + i + '"]').change(function() {
           var resOb = {};
           var res = $(this).val();
           var name = $(this).attr('name');
           resOb = {
               result: res,
               name01: function(name) {
                   if (name === 'field-16-01') {
                       name
                   } else {
                       name = 'Error'
                   }
               }
           }
           console.log(resOb);
       });
   }
источник

VZ

Vasiliy Zozulya in Front-end developers
возвращай в функции
источник

VZ

Vasiliy Zozulya in Front-end developers
Артём
Народ, что я делаю не так? Что объект применяет такое значение, вместо тех, которые прописанные в условиях..

{result: "Да, 2 раза", name01: ƒ}

for (i = 1; i <= 3; i++ ) {
       $('input[name="field-16-0' + i + '"]').change(function() {
           var resOb = {};
           var res = $(this).val();
           var name = $(this).attr('name');
           resOb = {
               result: res,
               name01: function(name) {
                   if (name === 'field-16-01') {
                       name
                   } else {
                       name = 'Error'
                   }
               }
           }
           console.log(resOb);
       });
   }
return name, return 'Error'
источник

А

Артём in Front-end developers
Vasiliy Zozulya
return name, return 'Error'
так тоже сделал, не получалось...получилось исправть только дописав в конце функции (name)

name01: function(name) {
                   if (name === 'field-16-01') {
                       return name;
                   } else {
                       return name = 'Error';
                   }
               }(name);
источник

VZ

Vasiliy Zozulya in Front-end developers
а потому что у тебя функция нигде не вызывалась)
источник

VZ

Vasiliy Zozulya in Front-end developers
ну да
источник

VZ

Vasiliy Zozulya in Front-end developers
а так так selfinvoked
источник

А

Артём in Front-end developers
Понял, спасибо)
источник

VZ

Vasiliy Zozulya in Front-end developers
мог бы просто эту же функцию написать типа var newName(name) { ...blablabla } . и потом вызвать в значение поля объекта
источник

и

иван сусанин in Front-end developers
Андрей Хайрунин
Твой HTML

<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-massiva
Respect
источник
2019 August 30

AN

Alexander Nekrasov in Front-end developers
Ребят, а как в js сделать проверку на очередность элемента Слик слайдера? Типа if (slider-item:nth-child(5)) toggleClass такой-то там
источник
2019 August 31

AN

Alexander Nekrasov in Front-end developers
if ($('.work-slider').hasClass('work-slider__item')) {
   $('.work-slider__item').toggleClass('newClass');
 }
источник

AN

Alexander Nekrasov in Front-end developers
почему этот код не работает?
источник

AN

Alexander Nekrasov in Front-end developers
$(document).ready(function(){
 $('.work-slider').slick({
 
 });
 if ($('.work-slider').hasClass('work-slider__item')) {
   $('.work-slider__item').toggleClass('newClass');
 }
}); вот полностью
источник