隨著互聯網技術的不斷發展，JavaScript已成為最流行的腳本語言之一。JavaScript是一種輕量級的編程語言，可以在網站中加入動態交互效果，提升用戶體驗。本文將介紹JavaScript的書寫方式。

JavaScript可以寫在HTML文檔中的<script>標簽中，也可以寫在單獨的.js文件中。以下是一個簡單的例子：

<script>
var x = 10; //定義變量x并賦值為10
var y = 5; //定義變量y并賦值為5
var sum = x + y; //計算x和y的和
alert(sum); //在網頁中彈出對話框顯示和(sum)
</script>

JavaScript可以通過增加事件監聽器來實現交互效果。例如，當用戶在HTML文本框中輸入文本時，可以通過JavaScript實時更新網頁內容。以下是一個例子：

<input type="text" id="myInput">
<p>輸入的文本: <span id="text"></span></p>
<script>
document.getElementById("myInput").addEventListener("input", function() {
document.getElementById("text").innerHTML = this.value;
});
</script>

以上代碼中，JavaScript使用addEventListener方法監聽文本框的input事件，當用戶在文本框中輸入文本時，就會觸發回調函數，更新網頁中id為"text"的元素的innerHTML屬性。

JavaScript還可以通過條件語句和循環語句來控制網頁的流程和顯示。以下是一個計算循環的例子：

<p id="output"></p>
<script>
var sum = 0;
for (var i = 1; i <= 10; i++) {
sum += i;
}
document.getElementById("output").innerHTML = "1到10的和是：" + sum;
</script>

以上代碼中，JavaScript使用for循環語句計算1到10的和并輸出到id為"output"的元素的innerHTML屬性中。

最后，為了使JavaScript代碼更易于維護和重用，可以使用函數來封裝特定的功能。以下是一個函數調用的例子：

<p id="output"></p>
<script>
function calculateSum(start, end) {
var sum = 0;
for (var i = start; i <= end; i++) {
sum += i;
}
return sum;
}
var result = calculateSum(1, 10);
document.getElementById("output").innerHTML = "1到10的和是：" + result;
</script>

以上代碼中，JavaScript定義一個名為calculateSum的函數，該函數接受兩個參數start和end，并計算它們之間的和。然后，JavaScript調用calculateSum函數并將結果存儲在result變量中，最后將結果輸出到id為"output"的元素的innerHTML屬性中。

總之，JavaScript是一種優秀的腳本語言，可以幫助我們實現更加豐富和動態的網頁交互效果。通過熟練掌握JavaScript的書寫方式，我們可以更好地開發網站并提升用戶體驗。