Задать вопрос
@kurskiev_official
javascript

Как сделать чтобы функция срабатывалась только когда человек нажмет на все 3 кнопки?

вот допустим у меня есть определенный код и мне нужно что бы вот этот код:
$(".year, .mouth, .day").click(function (event) {
console.log( new Date(event.targer));
});
вызывался только тогда когда человек нажмет на все кнопки. Как это сделать без JQuery?
  • Вопрос задан
  • 182 просмотра
1 комментарий
Подписаться 1 Простой 1 комментарий
Решения вопроса 1
NAHB
@NAHB
Стремлюсь стать выше 
<button class="year" name="date">
Year
</button>
<button class="mouth" name="date">
Mouth
</button>
<button class="day" name="date">
Day
</button>

let buttons = document.getElementsByName("date");
for(let btn of buttons) {

    btn.addEventListener("click", function(e) {
        e.target.dataset.ready = true;
  
        let isReady = true;
        for(let btn of buttons) {
            if(!btn.dataset.ready) {
               isReady = false;
            }
        }
        
        if(isReady) {
    	    console.log("Сюда можете вставить ваш код");
        }
  });
  
}
Ответ написан
2 комментария
2 комментария
Пригласить эксперта
Ответы на вопрос 4
@Stalkerdp
Можно создать переменную пустую строку и по нажатию на первых две кнопки дописывать в строку буквы, например
let checkPres="";
checkPres +="a";
checkPres +="b";

И на 3 кнопке

if (checkPres=="ab"){}
Ответ написан
1 комментарий
1 комментарий
@FlatUser
Можно так 

let clickCount = 0;
$(".year, .mouth, .day").click(function (event) {
  if (clickCount === 3) {
      console.log( new Date(event.targer));
  }
});
Ответ написан
2 комментария
2 комментария
@Rerurk 
<body>
<button name="bt" value="1">1</button>
<button name="bt" value="2">2</button>
<button name="bt" value="3">3</button>
<script>
	let sum=0;
	let s=document.getElementsByName('bt');
    s.forEach(item=>item.onmousedown=()=>btclick(item))

	let btclick=(bt)=>{
        sum=sum+parseInt(bt.value)
		console.log(bt.value+' pressedDown'+' sum='+sum);
		bt.style.background='green'
	    bt.onmousedown=()=>btUnClick(bt)
		testAllBtIsPress(sum)
    }
	let btUnClick=(bt)=>{
    	bt.style.background='grey';
    	bt.onmousedown=()=>btclick(bt);
		sum=sum-parseInt(bt.value)
		console.log(bt.value+' pressedUP'+'sum='+sum);

	}

	let testAllBtIsPress=(a)=>{
    	if (a===6){alert('ТАДАМ!! AllButtonsPressed')}
	}

</script>
</body>
Ответ написан
Комментировать
Комментировать
Stalker_RED
@Stalker_RED
Этими кнопками пользователь дату задает? Проверяйте тогда н клики по кнопкам, а валидную дату на выходе. А от он вам накликает 31-е февраля, например.

Еще лучше, заменить на input type="date"
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Developer (backend / fullstack)
Brightdata • Тель-Авив
от 5 500 до 6 500 $
Ещё вакансии
Заказы с Хабр Фриланса
Доработать обмен заказами 1с
11 мая 2024, в 00:19
1000 руб./за проект
Разработка сайта (верстка)
10 мая 2024, в 23:51
30000 руб./за проект
Опубликовать приложение в Google play
10 мая 2024, в 23:33
2500 руб./за проект
Ещё заказы