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

button.addEventListener('mouseenter', function() {
  this.style.background = "linear-gradient(to right, #ff6699, #6699ff)";
});

button.addEventListener('mouseleave', function() {
  this.style.background = "linear-gradient(to right, #6699ff, #ff6699)";
});

button.addEventListener('mousedown', function() {
  this.style.background = "linear-gradient(to right, #ff6699, #6699ff, #ff6699)";
});

button.addEventListener('mouseup', function() {
  this.style.background = "linear-gradient(to right, #6699ff, #ff6699)";
});
```

В этом коде мы добавляем слушатели событий `mouseenter`, `mouseleave`, `mousedown` и `mouseup` на элемент `button`, который мы получаем с помощью `document.querySelector`. Когда курсор мыши наводится на кнопку, мы изменяем её фон на градиентный цвет слева направо. Когда курсор мыши покидает кнопку, мы изменяем цвет фона обратно на изначальный градиент. Когда пользователь нажимает на кнопку, мы изменяем цвет фона на градиент, который эмулирует процесс обработки/загрузки, а когда пользователь отпускает кнопку, мы возвращаем цвет фона к изначальному градиенту.
```ปุ่ม const ของ javascript = document.querySelector('.button'); button.addEventListener('mouseenter', function() { this.style.พื้นหลัง = "การไล่ระดับสีเชิงเส้น (ไปทางขวา, #ff6699, #6699ff)"; }); button.addEventListener('mouseleave', function() { this.style.พื้นหลัง = "การไล่ระดับสีเชิงเส้น (ไปทางขวา, #6699ff, #ff6699)"; }); button.addEventListener('mousedown', function() { this.style.พื้นหลัง = "การไล่ระดับสีเชิงเส้น (ไปทางขวา, #ff6699, #6699ff, #ff6699)"; }); button.addEventListener('mouseup', function() { this.style.พื้นหลัง = "การไล่ระดับสีเชิงเส้น (ไปทางขวา, #6699ff, #ff6699)"; }); ``` ในโค้ดนี้ เราได้เพิ่ม event Listener สำหรับ `mouseenter`, `mouseave`, `mousedown` และ `mouseup` ในองค์ประกอบ `button` ซึ่งเราได้รับโดยใช้ `document.querySelector` เมื่อเคอร์เซอร์ของเมาส์อยู่เหนือปุ่ม เราจะเปลี่ยนพื้นหลังเป็นสีไล่ระดับสีจากซ้ายไปขวา เมื่อเคอร์เซอร์ออกจากปุ่ม เราจะเปลี่ยนสีพื้นหลังกลับไปเป็นการไล่ระดับสีดั้งเดิม เมื่อผู้ใช้กดปุ่ม เราจะเปลี่ยนสีพื้นหลังเป็นการไล่ระดับสีที่จำลองกระบวนการประมวลผล/การโหลด และเมื่อผู้ใช้ปล่อยปุ่ม เราจะคืนสีพื้นหลังเป็นการไล่ระดับสีดั้งเดิม
spam fails_task lang_mismatch pii not_appropriate hate_speech sexual_content quality toxicity humor helpfulness creativity violence