Click here for free DL of the app version that can save data.

No:2800

4022

←

Prev Next

→

18% annual percentage rate revolving payment simul..ALL
Developer User3494｜Date and time 23/6/22 17:53:50
Build time 41.325 sec｜Game capacity 3.827KB｜

Script

年率18%のリボ払いシミュレーター

スマホで操作できるリボ払いシミュレーターです！
絵文字も使って手軽に楽しくシミュレーションしましょう！

支払いプランを選んでください！

※お支払いは毎月5日と20日の2回です。

プランを選んでください：

購入金額：円

有効な金額を入力してください。

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>年率18%のリボ払いシミュレーター</title>
</head>
<body>
	<h1>年率18%のリボ払いシミュレーター</h1>
	<p>スマホで操作できるリボ払いシミュレーターです！<br>絵文字も使って手軽に楽しくシミュレーションしましょう！</p>

<div>
		<h2>支払いプランを選んでください！</h2>

<p>※お支払いは毎月5日と20日の2回です。</p>

<label for="plan-select">プランを選んでください：</label>
		<select id="plan-select">
			<option value="A">プランA：10万円分の商品を3回払い</option>
			<option value="B">プランB：20万円分の商品を6回払い</option>
			<option value="C">プランC：30万円分の商品を12回払い</option>
		</select>

<div>
			<label for="price-input">購入金額：</label>
			<input type="number" id="price-input" min="1000" max="300000" value="1000"> 円
			<p id="price-error-message" style="color: red;">有効な金額を入力してください。</p>
		</div>

<button id="calculate-button">シミュレーションする！</button>
	</div>

<div id="result-area" style="display: none;">
		<h2>シミュレーション結果</h2>

<p>プラン：<span id="result-plan"></span></p>
		<p>金額：<span id="result-price"></span></p>
		<p>分割数：<span id="result-periods"></span></p>
		<p>1回あたりの支払金額：<span id="result-payment"></span></p>
		<p>トータル支払金額：<span id="result-total"></span></p>

<button id="reset-button">もう一度シミュレーションする！</button>
	</div>

const calculate = () => {
			resultPlan.textContent = planSelect.value;
			resultPrice.textContent = `${priceInput.value}円`;

let periods = 0;
			let payment = 0;
			let total = 0;

switch (planSelect.value) {
				case 'A':
					periods = 3;
					payment = Math.ceil(priceInput.value / periods / 100) * 100 * 1.18;
					total = payment * periods;
					break;
				case 'B':
					periods = 6;
					payment = Math.ceil(priceInput.value / periods / 100) * 100 * 1.18;
					total = payment * periods;
					break;
				case 'C':
					periods = 12;
					payment = Math.ceil(priceInput.value / periods / 100) * 100 * 1.18;
					total = payment * periods;
					break;
				default:
					break;
			}

resultPeriods.textContent = `${periods}回`;
			resultPayment.textContent = `${payment}円`;
			resultTotal.textContent = `${total}円`;

resultArea.style.display = 'block';
		};

const reset = () => {
			priceInput.value = 1000;
			priceErrorMessage.style.display = 'none';
			resultArea.style.display = 'none';
		};

priceInput.addEventListener('input', () => {
			if (priceInput.value < 1000 || priceInput.value > 300000) {
				priceErrorMessage.style.display = 'block';
				calculateButton.disabled = true;
			} else {
				priceErrorMessage.style.display = 'none';
				calculateButton.disabled = false;
			}
		});

calculateButton.addEventListener('click', calculate);
		resetButton.addEventListener('click', reset);
	</script>
</body>
</html>