要實現單價計算功能,可以按照以下步驟進行:
1. 創建一個表單,包含輸入單價和數量的輸入框,以及一個計算按鈕。
2. 使用JavaScript獲取輸入框的值。
3. 使用JavaScript編寫一個函數,該函數將獲取到的單價和數量相乘,得到總價。
4. 將計算結果顯示在頁面上。
以下是一個簡單的示例代碼:
HTML代碼:
```html
```
JavaScript代碼:
```javascript
function calculateTotal() {
// 獲取輸入框的值
var unitPrice = document.getElementById("unitPrice").value;
var quantity = document.getElementById("quantity").value;
// 計算總價
var totalPrice = unitPrice * quantity;
// 顯示總價
document.getElementById("totalPrice").innerHTML = "總價:" + totalPrice;
}
```
上述代碼中,通過`getElementById`方法獲取輸入框的值,并將其轉換為數值類型。然后,使用乘法運算符將單價和數量相乘,得到總價。最后,將總價顯示在頁面上,通過`innerHTML`屬性設置`
`元素的內容為計算結果。