JavaScript (簡稱 JS) 是一種高級的、解釋型的編程語言，主要用來為 HTML 頁面添加交互和動態效果。在 Web 開發中，JS 通常和 HTML 和 CSS 一起使用來構建現代化的網站。

雖然 CSS 負責頁面外觀和樣式，但是 JS 也有助于 CSS 的實現。通過 JS，可以動態改變 CSS 樣式，使頁面更加交互和動態。

// 例如，以下 JS 代碼將給頁面上的所有 h1 元素添加 hover 效果
// 當鼠標懸停在 h1 元素上時，字體顏色變為紅色
document.querySelectorAll('h1').forEach(item =>item.addEventListener('mouseover', () =>{
item.style.color = 'red'
})
)
// 同樣，可以使用 JS 讓元素隨著用戶交互而改變樣式
// 以下代碼將在點擊 button 后，將頁面元素的背景色隨機更改
document.getElementById('btn').addEventListener('click', () =>{
const randomColor = Math.floor(Math.random() * 16777215).toString(16)
document.body.style.backgroundColor = "#" + randomColor
})

JS 還可以使用 CSS 類來為元素添加樣式。當需要動態地改變多個元素的樣式時，可以使用 JS 來添加或刪除 CSS 類，以達到更好的交互效果。

// 例如，以下代碼將在點擊 button 后，將多個元素添加或刪除 .active 類
document.getElementById('btn').addEventListener('click', () =>{
const elements = document.querySelectorAll('.element')
elements.forEach(item =>item.classList.toggle('active'))
})

總的來說，JS 可以讓開發者更加靈活地控制 CSS 樣式，使頁面更加動態和交互。然而，過多使用 JS 可能會降低頁面性能，所以需要根據具體情況來判斷是否使用。