使用JavaScript編寫小demo是一項非常有趣的事情。通過這種方式，我們可以深入了解JavaScript的各種功能，包括事件處理，DOM操作，JSON對象等等。下面來介紹幾個簡單的JavaScript小demo。 一、按鈕點擊事件 按鈕點擊事件是JavaScript中非常常見的一種事件，通過這種方式可以實現很多交互功能。下面是一個簡單的按鈕點擊事件的小demo： ```html

點擊這里

var btn = document.getElementById("btn");
btn.addEventListener("click", function() {
alert("按鈕被點擊了");
});

``` 在這個小demo中，我們首先創建了一個按鈕元素，然后使用JavaScript獲取按鈕元素，最后為按鈕添加了一個點擊事件。當按鈕被點擊時，就會彈出一個提示框。 二、表單驗證 表單驗證是網頁中非常重要的一種功能，它可以確保用戶輸入的內容符合要求。下面是一個簡單的表單驗證的小demo： ```html

姓名：提交

var form = document.querySelector("form");
form.addEventListener("submit", function(event) {
var name = document.getElementById("name").value;
if (name === "") {
event.preventDefault();
alert("請填寫姓名");
}
});

``` 在這個小demo中，我們首先創建了一個簡單的表單，然后為表單添加了一個提交事件。當用戶提交表單時，JavaScript會獲取輸入框中的姓名，然后判斷姓名是否為空。如果姓名為空，則取消表單提交事件，并彈出一個提示框。 三、輪播圖 輪播圖是網頁中常見的一種插件，它可以循環播放多張圖片。下面是一個簡單的輪播圖的小demo： ```html

var slider = document.getElementById("slider");
var index = 0;
setInterval(function() {
index++;
if (index === 3) {
index = 0;
}
slider.style.marginLeft = -index * 600 + "px";
}, 2000);

``` 在這個小demo中，我們首先創建了一個輪播圖的HTML結構，并將圖片的地址設置為img標簽的src屬性。然后我們使用JavaScript來實現輪播圖的功能，使用setInterval函數來控制圖片的切換。每隔2秒鐘，就會將輪播圖向左移動一個圖片的距離，從而實現圖片的輪播效果。 總結 以上就是三個簡單的JavaScript小demo，它們涉及了JavaScript中的事件處理，DOM操作和動畫效果等方面。通過這些小demo，我們可以更好地理解JavaScript的各種功能，并且可以將這些功能應用到不同的網頁中，實現更多的交互效果。