Как заблокировать кнопку после создания дела в todo листе?

Чтобы заблокировать кнопку после создания дела в todo листе в JavaScript, вам понадобится следующий код:

Сначала вам нужно получить доступ к кнопке, которую вы хотите заблокировать. Это может быть сделано с помощью метода querySelector() и передачи селектора кнопки в качестве параметра. Например, если ваша кнопка имеет уникальный идентификатор, вы можете использовать селектор '#buttonId' для получения доступа к ней:

const button = document.querySelector('#buttonId');

Затем вам нужно добавить обработчик события на кнопку, чтобы блокировать ее после нажатия. Это можно сделать с помощью метода addEventListener() и прослушивания события click. В обработчике события вы можете вызвать метод setAttribute() и установить атрибут disabled для кнопки:

button.addEventListener('click', function() {
  button.setAttribute('disabled', 'true');
});

Теперь, после нажатия на кнопку, она будет заблокирована и больше не будет реагировать на дальнейшие клики.

Полный пример кода для заблокировки кнопки после создания дела в todo листе может выглядеть следующим образом:

<!DOCTYPE html>
<html>
<head>
  <title>Todo List</title>
</head>
<body>
  <input type="text" id="todoInput">
  <button id="addButton">Добавить</button>

  <script>
    const button = document.querySelector('#addButton');

    button.addEventListener('click', function() {
      button.setAttribute('disabled', 'true');
      // Дополнительный код для создания дела в todo листе
    });
  </script>
</body>
</html>

В этом примере после нажатия на кнопку с идентификатором addButton, она будет заблокирована, и невозможно будет повторно нажать на нее.