<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>502算电费小工具</title>
<link rel="stylesheet" >
</head>
<body>
<table class="table table-bordered">
<tr>
<td>上月电费总额</td>
<td colspan="2"><input type="text" id="sum"></td>
</tr>
<tr>
<td>业主</td>
<td>上个月入住天数</td>
<td>应交费用</td>
</tr>
<tr>
<td>汪俊</td>
<td><input type="text" id="value_01"></td>
<td><input type="text" id="value_01_result"></td>
</tr>
<tr>
<td>刚叔</td>
<td><input type="text" id="value_02"></td>
<td><input type="text" id="value_02_result"></td>
</tr>
<tr>
<td>新来的</td>
<td><input type="text" id="value_03"></td>
<td><input type="text" id="value_03_result"></td>
</tr>
<tr>
<td>刘大爷</td>
<td><input type="text" id="value_04"></td>
<td><input type="text" id="value_04_result"></td>
</tr>
<tr>
<td colspan="3"><input type="button" onclick="a()" value="开始结算"></td>
</tr>
</table>
<script>
var sum=document.getElementById("sum");
var value_01=document.getElementById("value_01");
var value_02=document.getElementById("value_02");
var value_03=document.getElementById("value_03");
var value_04=document.getElementById("value_04");
var value_01_result=document.getElementById("value_01_result");
var value_02_result=document.getElementById("value_02_result");
var value_03_result=document.getElementById("value_03_result");
var value_04_result=document.getElementById("value_04_result");
function a(){
x =parseFloat(sum.value)/(parseFloat(value_01.value)+parseFloat(value_02.value)+parseFloat(value_03.value)+parseFloat(value_04.value));
value_01_result.value= x * parseFloat(value_01.value);
value_02_result.value= x * parseFloat(value_02.value);
value_03_result.value= x * parseFloat(value_03.value);
value_04_result.value= x * parseFloat(value_04.value);
}
</script>
</body>
</html>點擊查看更多內(nèi)容
1人點贊
評論
評論
共同學習，寫下你的評論
評論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持，我會繼續(xù)努力的～
掃碼打賞，你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃，即可進行掃碼打賞哦