Как закрыть модальное окно той же кнопкой и изменение текст кнопки?

Question

[viktorleg]

Приветствую, ребята!
Такой вопрос:
Есть кнопка с надписью "Отправить", при нажатии этой кнопки, открывается модальное окно, как в javascript сделать так, чтобы после нажатия кнопки и открытия модального окна, менялся и сам текст кнопки на "Отмена" и при нажатии на него окно закрывалось.

У меня просто повторно открывается окно при каждом нажатии и текст никак не могу поменять.

Спасибо.

Comments

[Ernest Faizullin]

модальное окно bootstrap или нет?

[viktorleg]

erniesto77: нет

Answer 1

[Виталий Инчин ☢]

document.querySelector("button").onclick = function(){
   var has = this.classList.toggle("open");

   this.textContent = has ? "Отмена" : "Отправить";
   if(has){
       //Открыть окно
   }else{
      //Закрыть окно
   }
}

Comments

[viktorleg]

Виталий, спасибо за ваш ответ, а вы не могли бы взглянуть на скрипт, который я выше показал.

[Виталий Инчин ☢]

viktorleg: а что с ним не так?

[viktorleg]

Виталий Инчин ☢: с ним все отлично, это со мной все не так))) Не могу понять, куда мне его воткнуть, чтобы работал)

[Виталий Инчин ☢]

viktorleg: а что это? jQuery плагин?

Сначал подключаете jQuery, затем его, а уже потом свой код.

[viktorleg]

Виталий Инчин ☢: Спасибо, Виталий!