User: <div class="button-container">
						<button class="del-message" id="rewrite-message" title="Переписать последний ответ">
							<img src="icons8-reload.svg">
						</button>
						<button class="del-message" id="del-message" title="Удалить последний ответ/вопрос">
							<img src="icons8-delete.svg">
						</button>
					</div>

как сделать кнопки не кликабельными. напиши функцию на js
Assistant: Чтобы сделать кнопки не кликабельными, можно использовать JavaScript для отключения событий на них. Вот пример функции, которая отключает кнопки, добавляя атрибут `disabled`, а также изменяет стиль их отображения, чтобы пользователь увидел, что они не активны:

```javascript
function disableButtons() {
    const buttons = document.querySelectorAll('.del-message');
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });
}

// Пример вызова функции
disableButtons();
```

### Объяснение:
- `querySelectorAll('.del-message')` получает все кнопки с классом `del-message`.
- `button.disabled = true` отключает каждую кнопку, предотвращая нажатие на неё.
- Дополнительно меняется стиль (прозрачность и курсор) для визуального отображения, что кнопки не доступны.

Если вы хотите сделать кнопки снова активными, вы можете создать дополнительную функцию, которая будет снимать `disabled` и восстанавливать стили:

```javascript
function enableButtons() {
    const buttons = document.querySelectorAll('.del-message');
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });
}

// Пример вызова функции
// enableButtons(); // Включить кнопки снова
```

Теперь у вас есть две функции: одна для отключения и одна для включения кнопок.
User: В этих же функциях надо заблокировать кнопку
<button class="send-button">
					  <img src="icons8-sent-30.svg" alt="Отправить">
					</button>
Assistant: Чтобы заблокировать кнопку с классом `send-button` в тех же функциях, вы можете внести небольшие изменения в предыдущие функции `disableButtons` и `enableButtons`. Вот обновленные версии этих функций, которые теперь также обрабатывают кнопку `send-button`:

```javascript
function disableButtons() {
    const buttons = document.querySelectorAll('.del-message, .send-button'); // Получаем кнопки del-message и send-button
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });
}

// Пример вызова функции
disableButtons();

function enableButtons() {
    const buttons = document.querySelectorAll('.del-message, .send-button'); // Получаем кнопки del-message и send-button
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });
}

// Пример вызова функции
// enableButtons(); // Включить кнопки снова
```

### Объяснение изменений:
1. В функции `disableButtons` и `enableButtons` мы изменили селектор в `querySelectorAll`, добавив выборку кнопки с классом `.send-button` вместе с кнопками `.del-message`. Теперь обе группы кнопок будут обрабатываться в одной функции.
2. Все остальные действия остались прежними.

С помощью этих функций вы сможете отключить и снова включить как кнопки удаления, так и кнопку отправки.
User: В этих же функциях надо заблокировать селект

<section class="dropdowncontainer">
					  <div class="dropdown dropdown-dark">
						<select name="two" class="dropdown-select" id="selects">
						  <option value="gpt-4o" selected>GPT 4o</option>
						  <option value="gpt-4">GPT 4</option>
						  <option value="gpt-4-0613">GPT 4 0613</option>
						  <option value="gpt-4-32k">GPT 4 32k</option>
						  <option value="gpt-4-0314">GPT 4 0314</option>
						  <option value="gemini-pro">Gemini PRO</option>
						  <option value="llama-3.1">LLaMA 3.1</option>
						  <option value="blackbox">Blackbox</option>
						  <option value="Bing">Copilot</option>
						  <option value="gpt-4-32k-0314">GPT 4 32k 0314</option>
						  <option value="gpt-web">GPT Web</option>
						  <option value="gpt-3.5-turbo">GPT 3.5 turbo</option>
						  <option value="gpt-3.5-turbo-16k">GPT 3.5 turbo 16k</option>
						  <option value="gpt-3.5-turbo-0613">GPT 3.5 turbo 0613</option>
						  <!--<option value="gpt-3.5-turbo-16k-0613">GPT 3.5 turbo 16k 0613</option>-->
						  <option value="gpt-3.5-turbo-0301">GPT 3.5 turbo 0301</option>
						  <option value="text-davinci-003">Text Davinci 003</option>
						  <option value="text-davinci-002">Text Davinci 002</option>
						  <option value="code-davinci-002">Code Davinci 003</option>
						  <option value="gpt-3">GPT 3</option>
						  <option value="text-curie-001">Text Curie 001</option>
						  <option value="text-babbage-001">Text Babbage 001</option>
						  <option value="text-ada-001">Text Ada 001</option>
						  <option value="davinci">Davinci</option>
						  <option value="curie">Curie</option>
						  <option value="babbage">Babbageb</option>
						  <option value="ada">Ada</option>
						  <option value="babbage-002">Babbage 002</option>
						  <option value="davinci-002">Davinci 002</option>
						</select>
					  </div>
					</section>
Assistant:  добавить возможность отключения селекта в ваших функциях, вы можете модифицировать код, чтобы он также обрабатывал элемент `<select>`. Вот как могут выглядеть обновленные функции:

```javascript
function disableButtonsAndSelect() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    
    // Отключаем кнопки
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });

    // Отключаем селект
    select.disabled = true; // Отключаем селект
    select.style.opacity = '0.5'; // Меняем прозрачность
    select.style.cursor = 'not-allowed'; // Изменяем курсор
}

// Пример вызова функции
disableButtonsAndSelect();

function enableButtonsAndSelect() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    
    // Включаем кнопки
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });

    // Включаем селект
    select.disabled = false; // Включаем селект
    select.style.opacity = '1'; // Восстанавливаем прозрачность
    select.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
}

// Пример вызова функции
// enableButtonsAndSelect(); // Включить кнопки и селект снова
```

### Объяснение изменений:
1. Мы добавили получение элемента `<select>` с использованием `document.getElementById('selects')`.
2. В функции `disableButtonsAndSelect` после обработки кнопок мы также отключаем селект, добавляя атрибут `disabled` и меняя стиль для визуального отображения.
3. В функции `enableButtonsAndSelect` мы аналогично включаем селект.

Теперь, когда вы вызываете `disableButtonsAndSelect()`, кнопки и селект будут отключаться, а при вызове `enableButtonsAndSelect()` они будут снова доступны.
User: Так работать не будет?

function disableButtons() {
    const buttons = document.querySelectorAll('.del-message, .send-button, .dropdown-select');
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.2'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });
}
Assistant: