Size: a a a

JavaScript.Ninja

2020 July 10

TG

Timofey Goncharov in JavaScript.Ninja
удалить именно то, что лежит внутри объектов.
источник

TG

Timofey Goncharov in JavaScript.Ninja
@Baxxterkhv если это типичная задача нормализованных данных. то мне интересно как же она решается.
источник

B

Bogdan in JavaScript.Ninja
Парни всем привет, помогите новичку пожалуйста
источник

A

A A in JavaScript.Ninja
Че там?)
источник

B

Bogdan in JavaScript.Ninja
у меня есть блоки цена, кнопка купить, и кнопка выбрать компонент
и так же блоки (сами компоненты) у каждого из них по умолчанию стоит количество 0

изначально я хочу чтобы цена и кнопка купить скрывалась, а отображалась кнопка выбрать компонент
а когда в любом из компонентов количество измениться на 1 или больше, то чтобы кнопка выбрать компоненты пропала, а появилась цена с кнопкой купить

сейчас у меня такое получается, но код не срабатывает правильно
$(document).on('change', '.components-qty', function() {
if ($(".components-qty").val()==='0') {
$( '.us-product-info' ).hide();
$( '.us-product-action-left' ).hide();
$( '.select-components' ).show();
} else {
$( '.select-components' ).hide();
}
});

подскажите пожалуйста как можно исправить?
источник

B

Bogdan in JavaScript.Ninja
такой еще момент, когда захожу на страницу изначально отображаються блоки те которые не должны, то есть цена и кнопка купить
хотя везде количество 0
и если я в первом блоке изменю количество с 0 до 1 а потом обратно то тогда работает
и второй нюанс, что работает только с первым компонентом, на все последующие ничего не происходит
источник

A

A A in JavaScript.Ninja
Думаю условия пересмотри, а что срабатывает только для первого, нужно походу форычем пройтись. А так он вещает событие только на первый попавшийся
источник

B

Bogdan in JavaScript.Ninja
мне нужно тут вешать событие on change в начале или может это уже в массиве форич сделать?
источник

B

Bogdan in JavaScript.Ninja
типа чтобы изначально были скрытые поля, а потом в масиуе проверялось если стоит 0 то скрывать далее, если изменил на 1, то чтобы показывалось
источник

B

Bogdan in JavaScript.Ninja
или я не в том направлении думаю?)
источник

A

A A in JavaScript.Ninja
Тебе нужно получить массивподобную хрень из классов .components-qty, а дальше крутить, вертеть проходиться фором и все такое
источник

B

Bogdan in JavaScript.Ninja
сложно)
лан, буду дальше пробовать
источник

A

A A in JavaScript.Ninja
Bogdan
сложно)
лан, буду дальше пробовать
источник

B

Bogdan in JavaScript.Ninja
спасибо, буду читать сейчас
источник

B

Bogdan in JavaScript.Ninja
Еще раз привет, если не сложно помоги, не могу никак всеравно понять

var components = document.querySelectorAll(".components-qty"); - это у меня отдает псевдомассив, внутри которого есть value со значением 0

затем мне нужно из этого псевдо массива вытянуть значение велью, и в фориче делать проверку для каждого элемента из моего массива и выполнять действие

components.forEach(вот тут непонятно){
if (вот тут непонятно === 0) {
 $( '.us-product-info' ).hide();
 $( '.us-product-action-left' ).hide();
 $( '.select-components' ).show();
} else {
 $( '.us-product-info' ).show();
 $( '.us-product-action-left' ).show();
 $( '.select-components' ).hide();
}
}

вопрос, правильно ли я двигаюсь, и как достать с псевдомассива значение value?)
источник

A

A A in JavaScript.Ninja
Bogdan
Еще раз привет, если не сложно помоги, не могу никак всеравно понять

var components = document.querySelectorAll(".components-qty"); - это у меня отдает псевдомассив, внутри которого есть value со значением 0

затем мне нужно из этого псевдо массива вытянуть значение велью, и в фориче делать проверку для каждого элемента из моего массива и выполнять действие

components.forEach(вот тут непонятно){
if (вот тут непонятно === 0) {
 $( '.us-product-info' ).hide();
 $( '.us-product-action-left' ).hide();
 $( '.select-components' ).show();
} else {
 $( '.us-product-info' ).show();
 $( '.us-product-action-left' ).show();
 $( '.select-components' ).hide();
}
}

вопрос, правильно ли я двигаюсь, и как достать с псевдомассива значение value?)
Во первых в аргумент forEach нужна функция. Ща
источник

PK

Pasha K in JavaScript.Ninja
источник

PK

Pasha K in JavaScript.Ninja
Как сделать такую анимацию движения по канвасу?
передвижение логотипа должно быть цикличным — если логотип выходит за пределы канваса, то исчезнувшая часть должна появиться с противоположной стороны.
источник

M

Maksim in JavaScript.Ninja
Bogdan
Еще раз привет, если не сложно помоги, не могу никак всеравно понять

var components = document.querySelectorAll(".components-qty"); - это у меня отдает псевдомассив, внутри которого есть value со значением 0

затем мне нужно из этого псевдо массива вытянуть значение велью, и в фориче делать проверку для каждого элемента из моего массива и выполнять действие

components.forEach(вот тут непонятно){
if (вот тут непонятно === 0) {
 $( '.us-product-info' ).hide();
 $( '.us-product-action-left' ).hide();
 $( '.select-components' ).show();
} else {
 $( '.us-product-info' ).show();
 $( '.us-product-action-left' ).show();
 $( '.select-components' ).hide();
}
}

вопрос, правильно ли я двигаюсь, и как достать с псевдомассива значение value?)
На будущее https://codepen.io/ код лучше сразу там написать или в аналогичном редакторе.
источник

A

A A in JavaScript.Ninja
Bogdan
Еще раз привет, если не сложно помоги, не могу никак всеравно понять

var components = document.querySelectorAll(".components-qty"); - это у меня отдает псевдомассив, внутри которого есть value со значением 0

затем мне нужно из этого псевдо массива вытянуть значение велью, и в фориче делать проверку для каждого элемента из моего массива и выполнять действие

components.forEach(вот тут непонятно){
if (вот тут непонятно === 0) {
 $( '.us-product-info' ).hide();
 $( '.us-product-action-left' ).hide();
 $( '.select-components' ).show();
} else {
 $( '.us-product-info' ).show();
 $( '.us-product-action-left' ).show();
 $( '.select-components' ).hide();
}
}

вопрос, правильно ли я двигаюсь, и как достать с псевдомассива значение value?)
const arr = [{animal: "Lion", value: 2}, {animal: "Man", value: 2}, {animal: "Dog", value: "2"}]

arr.forEach((el, index) =>{
 if(el.value === 2) {
   console.log(el)
 }
})
источник