簡易ATM取款機
要求
1.彈出彈窗，讓用戶輸入數字選擇操作
2.初始值金額為100，計算每次操作后的剩余金額變化
3.一直彈出彈窗直到用戶輸入4，跳出
代碼實現
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>let money=100while(true){let re = +prompt(`請您選擇操作：1.存錢2.取錢3.查看余額4.直接退出`)if(re===4)breakswitch(re){case 1: let cun = +prompt('請輸入存款金額')money+=cun breakcase 2:let qu =+prompt('請輸入取錢金額')money-=qubreakcase 3:alert(`您的銀行卡余額是${money}`)}}</script>
</body>
</html>
渲染表格案例
要求
1.設置一個可動態改變數據的好看的表格
2.讓用戶輸入表格中的數據，并填入表格中
代碼實現
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>h2 {text-align: center;}table {margin:0 auto;height: 80px;border-collapse:collapse;/* outline:none; */text-align: center;}th {padding:5px 30px;}table,th,td {border:1px solid #222;}</style>
</head>
<body><script>let price = +prompt('請輸入價格')let num = +prompt('請輸入數量')let address = prompt('請輸入地址')let total = price*numdocument.write(`<h2>訂單確認</h2><table><tr><th>商品名稱</th><th>商品價格</th><th>商品數量</th><th>總價</th><th>收貨地址</th></tr><tr><td>小米手機青春PLUS</td><td>${price}元</td><td>${num}</td><td>${total}元</td><td>${address}</td></tr></table>`)</script>
</body>
</html>
封裝時間函數
要求
1.輸入總秒數
2.運用函數計算總秒數轉換的小時分鐘秒數并輸出
代碼實現
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title>
</head>
<body><script>let second =+prompt('請輸入秒數：')function getTime(t){let h=parseInt(t/60/60%24)let m=parseInt(t/60%60)let s=parseInt(t%60)h=h<10?'0'+h:hm=m<10?'0'+m:ms=s<10?'0'+s:sreturn `轉換后${h}小時${m}分${s}秒`}let num=getTime(second)document.write(num)</script>
</body>
</html>
-選做)