HTML 和 CSS 是建立網頁設計的重要基礎組成部分，而 JavaScript 則為網頁增加了交互功能。其中購物車的加減功能是許多網頁都需要的一個功能，以下是其 JS 代碼實現。

function addGoods(id) {
var num = parseInt($("#goodsNum" + id).val());
num++;
$("#goodsNum" + id).val(num);
caculateTotalPrice();
}
function removeGoods(id) {
var num = parseInt($("#goodsNum" + id).val());
if (num >1) {
num--;
$("#goodsNum" + id).val(num);
caculateTotalPrice();
}
}
function caculateTotalPrice() {
var totalPrice = 0;
$(".goodsItem").each(function () {
var price = parseFloat($(this).find(".goodsPrice").text().substring(1));
var num = parseInt($(this).find(".goodsNum").val());
var singlePrice = price * num;
$(this).find(".totalPrice").text("￥" + singlePrice.toFixed(2));
totalPrice += singlePrice;
});
$("#totalPrice").text("￥" + totalPrice.toFixed(2));
}

以上代碼主要是通過添加、減少商品數量，并且重新計算總價的方法來實現購物車的加減功能。其中，第一個函數 addGoods(id) 用于增加商品數量，第二個函數 removeGoods(id) 用于減少商品數量，并且當數量為 1 時不能再減少。最后一個函數 caculateTotalPrice() 用于計算總價，并且更新每件商品的單價和總價。

在 JavaScript 中，使用 $() 方法可以輕松地快捷選取文檔對象，而 .each() 方法可以遍歷每一個對象，從而實現對于購物車中所有商品的計算和操作。除此之外，parseFloat() 和 parseInt() 方法可以將字符串轉化為數字類型，text() 方法可以選取 DOM 中的文本內容。

HTML 和 CSS 常常是網頁設計的主要靜態組成部分，而 JavaScript 則為網頁添加了動態的交互功能。上述購物車的加減功能代碼，其實只是 JavaScript 動態效果實現的一部分，對于網頁的設計和布局的 CSS 文本格式和 HTML 標簽也有著至關重要的作用。