我正在创建一个计算器,并且编写了以下代码:
对于 JavaScript:
function calculate() {
'use strict';
var total;
var quantity = document.getElementById('quantity').value;
var price = document.getElementById('price').value;
var tax = document.getElementById('tax').value;
var discount = document.getElementById('discount').value;
total = quantity*price;
tax /= 100;
tax++;
total *= tax;
tax = tax/100;
tax = tax+1;
total = total*tax;
total -= discount;
document.getElementById('total').value = total;
return false;
}
function init() {
'use strict';
var theForm = document.getElementById('theForm');
theForm.onsubmit = calculate;
}
window.onload=init;
对于 html:
<div><label for="quantity">Quantity</label><input type="number"
name="quantity" id="quantity" value="1" min="1" required></div>
<div><label for="price">Price Per Unit</label><input type="text"
name="price" id="tax" value="1.00" required></div>
<div><label for="tax">Tax Rate (%)</label><input type="text"
name="tax" id="tax" value="0.0" required></div>
<div><label for ="discount">Discount</label><input type="text"
name="discount" id="discount" value="0.00" required></div>
<div><label for="total">Total</label><input type="text" name="total"
id="total" value="0.00"></div>
<div><input type="submit" value="Calculate" id="submit"></div>
我已将文件分别保存为 shopping.js 和 shopping.html 但我不知道如何将代码互连在一起,以便当我单击 shopping.html 并打开浏览器时,计算器可以正常工作。
我试图通过使用脚本标签在 html 代码中包含 javascript 代码,但它没有用。我读了一些文章说你必须将它们保存在同一个目录中,但我不明白。我将它们保存在我的桌面上一个名为 shopping 的文件中,我需要从这里获得一些帮助。
谢谢你。