2 Javascript 存储数据

最新推荐文章于 2022-05-07 14:26:46 发布

置顶 WeAreZero

最新推荐文章于 2022-05-07 14:26:46 发布

阅读量730

点赞数 1

分类专栏： JavaScript笔记文章标签： javascript 存储数据

本文链接：https://blog.csdn.net/WeAreZero/article/details/50828324

版权

JavaScript笔记专栏收录该内容

23 篇文章 0 订阅

订阅专栏

一个计算价格的例子

<!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>

WeAreZero

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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>
复制链接

扫一扫