Почему блок появляется не с первого клика по кнопочке «Создать», а с 2-3? И почему при клике на объекты иногда появляется полоса ввода для ввода текс?

Question

[desiple]

https://jsfiddle.net/z9wogvtq/

Вот те самые полоски для ввода текста, не понятно почему они появляются, это не border, они мигают и очень мешают, как убрать?

Answer 1

[WapSter]

if(this.classList.contains('create_button')){
		this.classList.toggle('exit')
		block_2.style.opacity = 1;
	}
	if(this.classList.contains('exit')){
		this.classList.toggle('create_button')
		block_2.style.opacity = 0;
	}

Включим логику:
Первое нажатие - заходим в первое условие, добавляем класс exit, делаем блок видимым, заходим во второе условие, удаляем класс create_button делаем блок невидимым
Второе нажатие - заходим во второе условие добавляем класс create_button делаем блок невидимым
Третье нажатие - заходим в первое условие, удаляем класс exit, делаем блок видимым

Comments

[gazes12]

Ну так все правильно, только почему у него не срабатывает с первого раза?

[WapSter]

gazes12, оно работает как ты запрограммировал, уже по шагам расписал, что происходит с каждым нажатием