Про прослушки на кнопках

@stoma655 · Регистрация: 15.07.2017

Author24 — интернет-сервис помощи студентам

Повесил я например прослушку на кнопку, по нажатию на неё допустим картинка поворачивается на 90 градусов, один раз нажал всё хорошо сработало, последующие клики игнорятся, как это фикситься ? спасибо.

@Balanaar · 01.02.2018, 14:39

Нужен код...

@stoma655 · 01.02.2018, 14:56 **[ТС]**

Javascript

let slider = document.querySelector('.slider');
let prev = document.querySelector('.buttons .left p');
prev.onclick = function() {
        slider.firstElementChild.style.transform = "translateX(-100%)";
}

просто по нажатию но кнопку должна сдвигаться лента слайдера, а она раз сдвинулась и всё

@Balanaar · 01.02.2018, 15:13

Javascript

let slider = document.querySelector('.slider');
let prev = document.querySelector('.buttons .left p');
prev.onclick = function() {
        var style = slider.firstElementChild.style;
        if (!style.transform) style.transform = 'translateX(0)';
        style.transform = "translateX(" + (style.transform.match(/\-?\d+/)[0] - 100) + "%)";
}

@stoma655 · 01.02.2018, 15:13 **[ТС]**

Всем спасибо ) уже понял что я сделал не так... я даун

@Balanaar · 01.02.2018, 15:16

При каждом клике вы просто назначали элементу один и тот же стиль transform: translateX(-100%).
А нужно с каждым новым кликом изменять значение внутри скобок в зависимости от предыдущего:
transform: translateX(-100%)
transform: translateX(-200%)
transform: translateX(-300%)
...

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99
		1
	Про прослушки на кнопках 01.02.2018, 14:18. Показов 1217. Ответов 5 Метки нет (Все метки) Повесил я например прослушку на кнопку, по нажатию на неё допустим картинка поворачивается на 90 градусов, один раз нажал всё хорошо сработало, последующие клики игнорятся, как это фикситься ? спасибо. 0

@Balanaar 2454 / 1761 / 624 Регистрация: 11.07.2016 Сообщений: 4,051
	01.02.2018, 14:39	2
	Нужен код... 1

@stoma655 0 / 0 / 0 Регистрация: 15.07.2017 Сообщений: 99
	01.02.2018, 15:13 [ТС]	5
	Всем спасибо ) уже понял что я сделал не так... я даун 0

@Balanaar 2454 / 1761 / 624 Регистрация: 11.07.2016 Сообщений: 4,051
	01.02.2018, 15:16	6
	При каждом клике вы просто назначали элементу один и тот же стиль `transform: translateX(-100%)`. А нужно с каждым новым кликом изменять значение внутри скобок в зависимости от предыдущего: `transform: translateX(-100%)` `transform: translateX(-200%)` `transform: translateX(-300%)` ... 1

Про прослушки на кнопках

Решение