Size: a a a

JavaScript Rules

2020 August 15

I

Igor® in JavaScript Rules
Валл ро 1 день, читаем правила
источник

OM

Oleg Mildzikhov in JavaScript Rules
Всем привет, столкнулся с проблемой небольшой
Есть код, в котором создается товар при помощи классов, а потом добавляется в html.
Я хочу прикрутить тоглер уменьшения/увеличения количества товара
и он работает, но только с первым товаром
Я понимаю, что у меня обработчик не совсем правильно понимает к какой именно карточке товара обращаться, но вот как это прикрутить - не знаю, уже 3ий день голову ломаю
https://codepen.io/oleg-mildzihow/pen/xxVVrqr?editors=1010
источник

OS

Oleg Shvets in JavaScript Rules
Oleg Mildzikhov
Всем привет, столкнулся с проблемой небольшой
Есть код, в котором создается товар при помощи классов, а потом добавляется в html.
Я хочу прикрутить тоглер уменьшения/увеличения количества товара
и он работает, но только с первым товаром
Я понимаю, что у меня обработчик не совсем правильно понимает к какой именно карточке товара обращаться, но вот как это прикрутить - не знаю, уже 3ий день голову ломаю
https://codepen.io/oleg-mildzihow/pen/xxVVrqr?editors=1010
источник

OM

Oleg Mildzikhov in JavaScript Rules
Добрый день, спасибо, что поправили!
Вижу, что вы немного переделали forEach, добавив в колбек i
я правильно понимаю, что этот аргумент как раз и отвечает за то, какой именно блок с количеством менять?
Просто непривычно и аж опешил от этого
источник

OS

Oleg Shvets in JavaScript Rules
Oleg Mildzikhov
Добрый день, спасибо, что поправили!
Вижу, что вы немного переделали forEach, добавив в колбек i
я правильно понимаю, что этот аргумент как раз и отвечает за то, какой именно блок с количеством менять?
Просто непривычно и аж опешил от этого
Вы просто получали элемент count с помощью querySelector, а он находит и возвращает первый попавшийся элемент в доме, надо было просто использовать querySelectorAll, а i добавлена для уточнения к какому именно элементу обращаемся при нажатии кнопки
источник

OM

Oleg Mildzikhov in JavaScript Rules
Oleg Shvets
Вы просто получали элемент count с помощью querySelector, а он находит и возвращает первый попавшийся элемент в доме, надо было просто использовать querySelectorAll, а i добавлена для уточнения к какому именно элементу обращаемся при нажатии кнопки
большое вам спасибо
источник

НЕ

Наталья Ермуратьева... in JavaScript Rules
Всем привет! Я только начинаю разбираться в JS, подскажите, пожалуйста. Есть кнопка и три бокса  -  
<input type="button" id="button4" value="Кнопка4">
<div id="box1" class = "box"></div>
<div id="box2" class = "box"></div>
<div id="box3" class = "box"></div>
При нажатии на кнопку размеры боксов должны меняться случайным образом.Написала так -
export function InitButton()
{
let button4 = document.getElementById('button4');
button4.addEventListener("click", Button4);
}
function randSize()
{
let width = Math.floor(Math.random() * Math.floor(120)),
height = Math.floor(Math.random() * Math.floor(120));
return Math.floor(Math.random() * Math.floor(120);
}
function Button4()
{
let box1 = document.getElementById("box1");
box1.style.width = randSize();
box1.style.height = randSize();
let box2 = document.getElementById("box2");
box2.style.width = randSize();
box2.style.height = randSize();
let box3 = document.getElementById("box3");
box3.style.Size = randSize();
box3.style.size = randSize();
 Не работает. Что написала неправильно?
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in JavaScript Rules
Как воспроизвести мелодию в реакте?

Нагуглил
this.audio = new Audio('audio.mp3')
this.audio.play()

Но не срабатывает.
источник

М

Максим in JavaScript Rules
Автовоспроизведение браузер блочит
источник

М

Максим in JavaScript Rules
Наталья Ермуратьева
Всем привет! Я только начинаю разбираться в JS, подскажите, пожалуйста. Есть кнопка и три бокса  -  
<input type="button" id="button4" value="Кнопка4">
<div id="box1" class = "box"></div>
<div id="box2" class = "box"></div>
<div id="box3" class = "box"></div>
При нажатии на кнопку размеры боксов должны меняться случайным образом.Написала так -
export function InitButton()
{
let button4 = document.getElementById('button4');
button4.addEventListener("click", Button4);
}
function randSize()
{
let width = Math.floor(Math.random() * Math.floor(120)),
height = Math.floor(Math.random() * Math.floor(120));
return Math.floor(Math.random() * Math.floor(120);
}
function Button4()
{
let box1 = document.getElementById("box1");
box1.style.width = randSize();
box1.style.height = randSize();
let box2 = document.getElementById("box2");
box2.style.width = randSize();
box2.style.height = randSize();
let box3 = document.getElementById("box3");
box3.style.Size = randSize();
box3.style.size = randSize();
 Не работает. Что написала неправильно?
В стили нужно пиксели добавить ещё. И в randSize скобочки не хватает в returnMath.floor

Можно сократить код так: https://pastebin.com/Hv54R3wN
источник

НЕ

Наталья Ермуратьева... in JavaScript Rules
Максим
В стили нужно пиксели добавить ещё. И в randSize скобочки не хватает в returnMath.floor

Можно сократить код так: https://pastebin.com/Hv54R3wN
Спасибо!
источник

☬ Sᴀʏᴅᴜʟʟᴏ ツ... in JavaScript Rules
Что мне делать, если в реакте Submit реагирует ДАЖЕ когда нажимают на инпут, чтобы ввести данные.

Как только нажимаю на инпут, форма закрывается (так как так прописано в сценарии).
источник

М

Максим in JavaScript Rules
переписать этот сценарий?
источник

АИ

Артем Ильченко... in JavaScript Rules
Максим
Автовоспроизведение браузер блочит
Пока пользователь не сделает какое-то действие звук воспроизводится не будет
источник

АИ

Артем Ильченко... in JavaScript Rules
☬ Sᴀʏᴅᴜʟʟᴏ ツ
Что мне делать, если в реакте Submit реагирует ДАЖЕ когда нажимают на инпут, чтобы ввести данные.

Как только нажимаю на инпут, форма закрывается (так как так прописано в сценарии).
Покажи обработчик сабмита и как ты его вешаешь
источник

DK

Dmitry Kozlov in JavaScript Rules
Подскажите пожалуйста в чем дело: При нажатии на кнопку previous(если нажимать с первого слайда) сначала пустой слайд, и только потом 3й
https://codepen.io/dimafrombatumi/pen/eYZZewE

Понял, что проблема в индексе num возвращает (-1). Но что-то не могу понять как это пофиксить
источник

AB

Artem Brezhnev in JavaScript Rules
@dimafrombatumi Кто-то забыл что нумерация начинается с нуля :). Замените в 16 строчке на if (num < 0) {num = slides.length-1; }
источник

AB

Artem Brezhnev in JavaScript Rules
А вообще, в таких случаях нужо просто делать num%=length. Зачем писать if, когда есть остаток от деления?
источник

DK

Dmitry Kozlov in JavaScript Rules
Artem Brezhnev
@dimafrombatumi Кто-то забыл что нумерация начинается с нуля :). Замените в 16 строчке на if (num < 0) {num = slides.length-1; }
Спасибо за ответ! У меня был 0 - единицу недавно поставил(методом тыка:), вы правильно сказали что отнять 1 от length. В этом и была проблема.
источник

DK

Dmitry Kozlov in JavaScript Rules
Artem Brezhnev
А вообще, в таких случаях нужо просто делать num%=length. Зачем писать if, когда есть остаток от деления?
А можно подробнее? Не понял немного про остаток от деления?
источник