[置顶] 2 Javascript 存储数据

一个计算价格的例子

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript"> //javascript常用类型 //Number:数值,整数或浮点数; //Boolean:true或false; //Text:字符串; //常量:固定值。 //变量:可改变的值。 // function updateOrder() { //创建常量:关键字const(有的浏览器不支持const) //const taxRate = 0.0925; //税率 //const donutPrice = 0.50; //单价 //创建变量:关键字var,"="为其初使化值 //根据值的类型,将会为变量指派相应的类型 var taxRate = 0.0925; //税率 var donutPrice = 0.50; //单价 var numCakeDonutForDa = document.getElementById("cakedonuts").value.toString(); // if (numCakeDonutForDa.indexof("打")!=-1) { // ... // } var numCakeDonut = parseInt(document.getElementById("cakedonuts").value); var numGlazedDonuts = parseInt(document.getElementById("glazeddonuts").value); //undefined未定义的 //NaN非数值的 if (isNaN(numCakeDonut)) {//判断是否为非数值的 numCakeDonut = 0; } if (isNaN(numGlazedDonuts)) { numGlazedDonuts = 0; } //数据类型在设置变量值或常量值是建立 //变量名也叫标识符,不可重名;以字母、下划线、_或$开头;空格或特殊字符不能出现;标识符应当具有描述性 //变量名采用小写驼峰形命名:myName //常全部大写 var subTotal = (numCakeDonut + numGlazedDonuts) * (parseFloat(donutPrice)); //将字符转换为浮点类型 var tax = parseFloat(subTotal) * parseFloat(taxRate); var total = parseFloat(subTotal) + parseFloat(tax); //getElementById用于捕捉表单数据 document.getElementById("subtotal").value = "$" + subTotal.toFixed(2); document.getElementById("tax").value = "$" + subTotal.toFixed(2); document.getElementById("total").value = "$" + total.toFixed(2); } //如果购买量为0或空,不可以提交 function checkOrder() { if (document.getElementById("cakedonuts").value == "" || document.getElementById("glazeddonuts").value=="") { alert("无法提交订单"); } } </script>
</head>
<body id="frame">
    <form name="orderForm" action="HTMLPage1.htm" method="post">
    <div class="field">
        # 蛋糕甜甜圈数量<input type="text" id="cakedonuts" name="cakedonuts" value="" onchange="updateOrder()" />
    </div>
    <div class="field">
        # 糖霜甜甜圈数量<input type="text" id="glazeddonuts" name="glazeddonuts" onchange="updateOrder()" />
    </div>
    <div class="field">
        # 税前价<input type="text" id="subtotal" name="subtotal" onchange="" />
    </div>
    <div class="field">
        # 税钱<input type="text" id="tax" name="tax" onchange="" />
    </div>
    <div class="field">
        # 总价<input type="text" id="total" name="total" onchange="" />
    </div>
    <input type="button" id="check" value="检测" onclick="checkOrder()" />
    </form>
</body>
</html>

你可能感兴趣的:(JavaScript,数据,存储)