Для реализации данной функциональности можно использовать следующий скрипт на JavaScript:

```javascript
const button = document.querySelector('button');

// Изначальный градиентный цвет кнопки
const startColor = 'linear-gradient(to right, #FF6B6B, #3B3B98)';

// Цвет кнопки при наведении
const hoverColor = 'linear-gradient(to right, #FF6B6B, #FF6B6B)';

// Цвет кнопки при нажатии
const activeColor = 'linear-gradient(to right, #3B3B98, #FF6B6B)';

// Функция, которая меняет цвет кнопки
function changeColor(color) {
  button.style.background = color;
}

// Обработчик события наведения на кнопку
button.addEventListener('mouseover', () => {
  changeColor(hoverColor);
});

// Обработчик события ухода курсора с кнопки
button.addEventListener('mouseout', () => {
  changeColor(startColor);
});

// Обработчик события нажатия на кнопку
button.addEventListener('mousedown', () => {
  changeColor(activeColor);
});

// Обработчик события отпускания кнопки
button.addEventListener('mouseup', () => {
  changeColor(hoverColor);
});
```

Код выше выбирает кнопку на странице и определяет три разных цвета для кнопки: изначальный градиентный цвет, цвет при наведении и цвет при нажатии. Затем он определяет функцию, которая меняет цвет кнопки в зависимости от переданного цвета. Далее он устанавливает обработчики событий для кнопки, которые вызывают функцию изменения цвета при наведении, нажатии и отпускании кнопки.
หากต้องการใช้ฟังก์ชันนี้ คุณสามารถใช้สคริปต์ JavaScript ต่อไปนี้: ```javascript const button = document.querySelector('button'); // สีไล่ระดับสีเริ่มต้นของปุ่ม const startColor = 'การไล่ระดับสีเชิงเส้น (ไปทางขวา, #FF6B6B, #3B3B98)'; // ปุ่มโฮเวอร์สี const hoverColor = 'การไล่ระดับสีเชิงเส้น (ไปทางขวา, #FF6B6B, #FF6B6B)'; // สีของปุ่มเมื่อกด const activeColor = 'การไล่ระดับสีเชิงเส้น (ไปทางขวา, #3B3B98, #FF6B6B)'; // ฟังก์ชั่นที่เปลี่ยนสีของฟังก์ชั่นปุ่ม changeColor(color) { button.style.พื้นหลัง = สี; } // ตัวจัดการเหตุการณ์การเลื่อนปุ่ม button.addEventListener('mouseover', () => { changeColor(hoverColor); }); // ตัวจัดการเหตุการณ์สำหรับเคอร์เซอร์ออกจากปุ่ม button.addEventListener('mouseout', () => { changeColor(startColor); }); // คลิกปุ่มตัวจัดการเหตุการณ์ button.addEventListener('mousedown', () => { changeColor(activeColor); }); // ตัวจัดการเหตุการณ์ปล่อยปุ่ม button.addEventListener('mouseup', () => { changeColor(hoverColor); }); ``` โค้ดด้านบนเลือกปุ่มบนหน้าเว็บและกำหนดสีที่แตกต่างกันสามสีสำหรับปุ่ม: สีไล่ระดับสีเริ่มต้น สีโฮเวอร์ และสีคลิก จากนั้นจะกำหนดฟังก์ชันที่จะเปลี่ยนสีของปุ่มโดยขึ้นอยู่กับสีที่ส่งเข้ามา ถัดไป จะตั้งค่าตัวจัดการเหตุการณ์สำหรับปุ่มที่เรียกใช้ฟังก์ชันเพื่อเปลี่ยนสีเมื่อปุ่มถูกโฮเวอร์ กด และปล่อย
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence