js练习题

最新推荐文章于 2024-04-28 03:19:28 发布

牧之瑞001

最新推荐文章于 2024-04-28 03:19:28 发布

阅读量663

点赞数 1

文章标签： javascript webview elementui

本文链接：https://blog.csdn.net/csdnlirui/article/details/123347886

版权

1.计算银行卡余额

遇到的问题，使用 border-collapse: collapse; 解决table边框塌陷问题。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>消费支出打印</title>
    <style>
        h2{
            text-align: center;
        }
        table{
            margin: 50px auto;
            width: 700px;
            height: 50px;         
        }
        table,
        td,
        th{
            text-align: center;
            border-collapse: collapse;
            border: 2px solid #000;
        }
    </style>
</head>
<body>
    <h2>2020年12月消费支出</h2>
    <script>
       
        let yue,shuifei,dianfei,wangfei,shengyu
        yue=prompt('请输入你银行卡余额')
        shuifei=prompt('请输入水费')
        dianfei=prompt('请输入电费')
        wangfei=prompt('请输入王菲')
       /*  yue=Number(yue)
        shuifei=Number(shuifei)
        dianfei=Number(dianfei)
        wangfei=Number(wangfei) */
        shengyu=yue-shuifei-dianfei-wangfei
        document.write(`<table>
            <tr>
                <th>银行卡余额</th>
                <th>水费</th>
                <th>电费</th>
                <th>网费</th>
                <th>银行卡余额</th>
            </tr>
            <tr>
                <td>${yue}</td>
                <td>${shuifei}</td>
                <td>${dianfei}</td>
                <td>${wangfei}</td>
                <td>${shengyu}</td>
            </tr>
        </table>`)
        
        

    </script>
</body>
</html>

2.银行atm机存取钱

遇到的问题：加法记得转变数据类型。

<script>
        //a 本金  b存取款额  
        let a,b,c
        a=5000
        while(true){
            let d=prompt(`请选择您的操作：
                        1.取款
                        2.存款
                        3.查看余额
                        4.退出`)
            
            if(d==4){
                break
            }
            switch(d){
                case '1':
                    b=prompt('请输入您取款的金额')
                    a -=b
                    break
                case '2':
                    b=prompt('请输入您存款的金额')
                    b=Number(b)
                    a +=b
                    break
                case '3':
                    alert(`您的余额为${a}`)
                    break
            }
        }
    </script>

3.课后作业-语句

最低0.47元/天解锁文章

牧之瑞001

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
js练习题

1.计算银行卡余额遇到的问题，使用 border-collapse: collapse; 解决table边框塌陷问题。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport...
复制链接

扫一扫