Javascript是一種非常常用的編程語言，它可以用來制作各種好玩的東西，如游戲、動態效果等等。今天，我們來看看它如何為我們的餐廳制作一個方便快捷的點餐系統。

首先，我們需要一個菜單。我們可以創建一個數組來存儲我們的菜單，如下所示：

var menu = [
{
name: "牛排",
price: 50
},
{
name: "魚香肉絲",
price: 30
},
{
name: "紅燒肉",
price: 20
}
];

現在我們有了一個菜單，我們需要制作一個菜單顯示的功能。我們可以使用Javascript動態生成一個HTML表格來顯示我們的菜單：

var table = document.createElement("table");
for(var i = 0; i < menu.length; i++) {
var row = table.insertRow(i);
var nameCell = row.insertCell(0);
var priceCell = row.insertCell(1);
nameCell.innerHTML = menu[i].name;
priceCell.innerHTML = menu[i].price;
}
document.body.appendChild(table);

這段代碼將會創建一個表格，并將菜單中的每個菜品和價格動態添加到表格中。下一步我們需要給每個菜品添加一個點餐按鈕，這樣我們才能夠將其添加到我們的訂單中。

for(var i = 0; i < menu.length; i++) {
// 代碼同上
var orderCell = row.insertCell(2);
var orderButton = document.createElement("button");
orderButton.innerHTML = "點餐";
orderButton.onclick = function() {
var orderItem = {
name: menu[i].name,
price: menu[i].price,
quantity: 1
};
order.push(orderItem);
updateOrder();
};
orderCell.appendChild(orderButton);
}

現在我們已經有了一個點餐按鈕，點擊它將會將菜品加入我們的訂單中。我們使用一個名為“order”的數組來存儲我們的訂單，而“updateOrder”函數則用于將訂單中的內容動態地更新到我們的網頁上。

var order = [];
function updateOrder() {
var orderTable = document.getElementById("order");
// 清空表格
while(orderTable.firstChild) {
orderTable.removeChild(orderTable.firstChild);
}
// 動態添加訂單內容
var total = 0;
for(var i = 0; i < order.length; i++) {
var row = orderTable.insertRow(i);
var nameCell = row.insertCell(0);
var priceCell = row.insertCell(1);
var quantityCell = row.insertCell(2);
nameCell.innerHTML = order[i].name;
priceCell.innerHTML = order[i].price;
quantityCell.innerHTML = order[i].quantity;
total += order[i].price * order[i].quantity;
}
var totalRow = orderTable.insertRow(order.length);
var totalCell = totalRow.insertCell(0);
var totalPriceCell = totalRow.insertCell(1);
totalCell.innerHTML = "總價";
totalPriceCell.innerHTML = total;
}

這段代碼將會生成我們的訂單表格，并動態地更新它的內容。我們將總價也添加到表格中，這樣用戶就可以看到他們購買的商品總共需要多少錢。

我們還需要一些其他的功能，如增加或減少訂單中某個菜品的數量，或者從訂單中刪除一個菜品。這些功能都可以使用Javascript略微修改我們的代碼來實現。

總結一下，Javascript是一種十分強大的編程語言，我們可以用它來制作出各種各樣的東西，包括點餐系統。為了創建一個優秀的點餐系統，我們需要使用一些Javascript技巧，如動態生成HTML、創建交互式按鈕、動態更新內容等等。