最近，我在學習HTML時嘗試了一下有趣的功能，那就是點擊某個元素時，它就會旋轉起來。

要實現這個功能，首先需要在HTML中創建一個元素，比如一個圖片，然后給它加上一個class，比如“rotate”。接著，使用CSS定義.rotate類，使它旋轉即可。但我們要實現的是點擊后旋轉，那就需要JavaScript了。

.rotate {
transition: transform 0.5s ease;
}
.rotate.clicked {
transform: rotate(360deg);
}

在這段CSS代碼中，我們首先定義了.rotate類，使用transition屬性使它旋轉。接著，定義了.clicked類，將transform屬性設為rotate(360deg)，表示元素在點擊后將會旋轉360度。

現在，我們需要讓JavaScript監聽元素的點擊事件，給它加上.clicked類，使元素旋轉。在JavaScript中實現這個功能非常簡單，只需要為元素添加一個點擊事件監聽器即可。

const elem = document.querySelector('.rotate');
elem.addEventListener('click', () =>{
elem.classList.add('clicked');
});

在這段JavaScript代碼中，我們使用querySelector方法選擇了.rotate類的元素，然后為它添加一個點擊事件監聽器。當元素被點擊時，我們使用classList.add方法為它添加.clicked類，使它旋轉。

現在，我們已經成功實現了點擊就旋轉的功能。這個功能可以應用在各種元素上，比如圖片、按鈕等，增加網頁的趣味性和交互性。