Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 09.10.2015, 18:28
Интересующийся
Отправить личное сообщение для TTATPuOT Посмотреть профиль Найти все сообщения от TTATPuOT
 
Регистрация: 26.03.2014
Сообщений: 14

Показ следующего числа в зависимости от нажатой кнопки
Здравствуйте!
Сразу к сути, есть задача создать что-то вроде карусели.

Как это должно работать:
Есть две кнопки "Больше" и "Меньше". И дано 5 функций (в моём примере каждую функцию я заменю на числа 1,2,3,4,5).
По умолчанию на экране есть эти две кнопки и цифра 1. При клике не кнопку "Больше", выполняется вторая функция (в нашем случае появляется цифра 2), далее, при очередном клике на "Больше" появляется цифра 3 и т.д.
А если нажать на кнопку "Меньше", то число, соответственно, будет ниже.

Чего только не перепробовал, и .toggle, и циклы - ничего не работает. Буду очень благодарен.
Ответить с цитированием
  #2 (permalink)  
Старый 09.10.2015, 18:56
Аватар для Lemme
Профессор
Отправить личное сообщение для Lemme Посмотреть профиль Найти все сообщения от Lemme
 
Регистрация: 15.07.2015
Сообщений: 511

<div>
    <button id="prev"><</button>
    <span>3</span>
    <button id="next">></button>
</div>

<script>
	document.querySelector('div').onclick = function(event) {
		var maxValue = 5;
	    if (event.target.id === 'prev') {
	        var counter = event.target.nextElementSibling;
	    	if (+counter.innerHTML > 0) {
	        	counter.innerHTML--;
	        }
	    }
	    if (event.target.id === 'next') {
	        var counter = event.target.previousElementSibling;
	    	if (+counter.innerHTML < maxValue) {
	        	counter.innerHTML++;
	        }
	    }
	}
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
менять содержимое в зависимости от кнопки Stabby Элементы интерфейса 1 09.10.2015 11:58
Выполнение функции в зависимости от числа символов в input psfdek Элементы интерфейса 13 02.07.2014 00:40
Считать надпись на нажатой кнопки kleoim Элементы интерфейса 11 03.02.2014 05:39
Получить код нажатой кнопки при клике. AllanZ Элементы интерфейса 7 03.06.2012 18:54
Скрытие одного поля, показ следующего vanek2010 jQuery 1 14.07.2011 15:30