飲み会割り勘計算コード

sajyan
2020/01/30 23:46

誰かがすごいコードアップする前に、なんちゃって精算計算用のhtmlコードをアップしてみます。

使い方は簡単、以下のコードをエディターで、seisan.htmlなどの適当な名前でhtml保存してダブルクリックすると、参加人数、繰越金の補助額、支払った人の人数、名前、支払い金額などを入力すると、各自の生産金額が表示されます。

ブラウザで立ち上げるとこんな画面に。

精算計算ボタンを押して必要な情報を入れる。

計算条件を全部入れると、計算結果を表示します。

コードが実行できるように、GitHub上に公開してみました。

<!DOCTYPE html>
<html lang="ja">
<head>

input {
border: none;
width: 80px;
font-size: 14px;
padding: 2px;
}

input:hover {
background-color: #eee;
}

input:focus {
background-color: #ccf;
}

input:not(:focus) {
text-align: right;
}

table {
border-collapse: collapse;
}

td {
border: 1px solid #999;
padding: 0;
}

tr:first-child td, td:first-child {
background-color: #ccc;
padding: 1px 3px;
font-weight: bold;
text-align: center;
}

footer {
font-size: 80%;
}

.red {color:#ff0000;}
.grey {color:#ffffff; background:#999999;}
.blue {color:#0000ff;}
.waku {border:2px dotted #99cc66;
line-height: 200%;
padding: 10px;}

body { background-color: #00fff5; }

</style>

</head>

<body>

<ul>
<li> <input type="button" id="btn1" value="精算計算 " onclick="btn1Click();" /> ←　支払い＆精算計算、開始ボタン</li>
</ul>

var selects = prompt('参加人数を入力！');

var selectss = prompt('支払った人の人数を入力！');

var koukin = prompt('繰越金からの補助額を入力！');

var nama = [];
for (var i=0; i<selectss; i++){
nama[i] = prompt("支払った人の名前を入力");
}

var menu = [];
for (var i=0; i<selectss; i++){
menu[i] = prompt(nama[i] + "さんの支払金額を入力");
}

document.write("各自の支払金額は<br>")
for (var i=0; i<menu.length; i++){
document.write(nama[i] + "さん：" + menu[i] + "円 <br>")
}

//各自の会計額を計算

var kasann = [];
kasann[0] = menu[0];
for (var i=0; i<selectss-1; i++){
kasann[i+1] = Math.round (Number(kasann[i]) + Number(menu[i+1]));
}

var kasan = Math.round (Number(kasann[i]) - Number(koukin))

//各自の分担分を計算

var buntan = Math.round (Number(kasan)/Number(selects));

//各自の割り勘分を計算

var wari = [];
for (var i=0; i<selects; i++){
wari[i] = Math.round (Number(menu[i]) - Number(buntan));
}

var kasann = kasann[selectss-1]

document.write("<br>経費の総額：" + kasann + "円<br>")

document.write("繰越金からの補助額：" + koukin + "円<br>")

document.write("精算金額の総額：" + kasan + "円<br>")

document.write("参加人数は：" + selects + "人<br>")

document.write("一人当たりの分担：" + buntan + "円<br>")

document.write("<br>支払った人への払い戻し金額は<br>")
for (var i=0; i<menu.length; i++){
document.write(nama[i] + "さん：" + wari[i] + "円 <br>")
}

document.write ("<br>以上、お帰りも気を付けて、来年も元気に再開～(^^)/");

document.bgColor = "#00ffd8";
document.fgColor = "blue";

}

</script>

</body>

</html>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<footer>
Copyright 2020/01/31 Sajyan
</footer>

cssにちょっと余分なものが入ってしまっているかもしれませんが、
ご容赦を〜〜m(_ _)m