功能:使用Javascript编写代码,点击“结账”按钮触发,计算所购水果的总金额,并将结果显示在“文本框”result上。 参数:无 返回:无 编写代码提示: (1)获得“文本框result”值 (2)使用“+”分隔出“文本框result”值中每一个价格,存放到Array对象中 (3)使用for循环遍历数组对象,将每个价格相加得到总金额 (4)设置“文本框result”值为“总金额:xxx” (5)调用disabledBtn()函数禁用“结帐”按钮 (6)调用transparency()函数设置水果商品表格的透明度
时间: 2024-02-07 21:04:14 浏览: 114
好的,以下是使用 JavaScript 编写的代码:
```javascript
function checkout() {
var result = document.getElementById("result");
var prices = result.value.split(" + ");
var total = 0;
for (var i = 0; i < prices.length; i++) {
total += parseFloat(prices[i]);
}
result.value = "总金额:" + total.toFixed(2);
disabledBtn();
transparency();
}
function disabledBtn() {
var btn = document.getElementById("checkout-btn");
btn.disabled = true;
}
function transparency() {
var table = document.getElementById("fruit-table");
table.style.opacity = "0.5";
}
```
使用时,需要在 HTML 中添加一个 id 为 "result" 的文本框,以及一个 id 为 "checkout-btn" 的结账按钮。同时,需要在 HTML 中添加一个 id 为 "fruit-table" 的水果商品表格。在点击结账按钮时调用 checkout 函数即可。该函数将读取文本框中的值,计算总金额,并将结果显示在文本框中。同时,还会禁用结账按钮和设置水果商品表格的透明度。
阅读全文