<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
* {margin: 0;padding:0}
#Tb{width:480px ;margin: 20px auto ; border-collapse: collapse; border: 2px solid blue;}
#Tb tr{height:28px;}
#Tb th, #Tb td{border: 1px solid skyblue;width:120px;text-align: center;height: 30px;}
#tx{height: 20px;width: 100px;}
</style>
</head>
<body>
<table id="Tb">
<tr>
<th>商品名稱</th>
<th>數量</th>
<th>單價</th>
<th>總價</th>
</tr>
<tr>
<td>OPPO手機</td>
<td><input type="text" id="tx" oninput="OnInput(event)"/> </td>
<td >2399</td>
<td id="output"></td>
</tr>
</table>
<script type=“text/javascript”">
window.alert("請輸入需求數量");
function OnInput (event) {
document.getElementById("output").innerHTML=event.target.value*2399;
}
</script>
</body>
</html>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/138813.html
標籤：JavaScript
上一篇：利用建構式創建物件
下一篇：輸出(1-25)該陣列右下半三角