Как сделать кнопку disabled после нажатия?

Question

[NewPHPCoder]

Есть вот такая кнопка:

<input class="btn btn-info btn-block" id="submit" name="submit" type="submit" value="Продолжить">

Как мне сделать так, чтобы при нажатии она становилась disabled, а также текст "Продолжить" менялся на "Пожалуйста подождите", подскажите пожалуйста

Answer 1

[WapSter]

Comments

[NewPHPCoder]

А почему он форму не отправляет?

[WapSter]

NewPHPCoder, для этого кнопка должна быть в форме

[Павел Корнилов]

WapSter, в этой ситуации лучше свойству присваивать, чем атрибуту.
this.disabled= true;

Answer 2

[Герман Зуяков]

const button= document.querySelector('.form_button')

button.addEventListener('click', function(e) {
  this.textContent = 'Подождите пожалуйста'
  this.setAttribute('disabled', 'true')
})