Чтобы заблокировать кнопку после создания дела в todo листе в JavaScript, вам понадобится следующий код:
1. Сначала вам нужно получить доступ к кнопке, которую вы хотите заблокировать. Это может быть сделано с помощью метода querySelector() и передачи селектора кнопки в качестве параметра. Например, если ваша кнопка имеет уникальный идентификатор, вы можете использовать селектор '#buttonId' для получения доступа к ней:
const button = document.querySelector('#buttonId');
2. Затем вам нужно добавить обработчик события на кнопку, чтобы блокировать ее после нажатия. Это можно сделать с помощью метода 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, она будет заблокирована, и невозможно будет повторно нажать на нее.