Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Калькулятор рассрочки (https://javascript.ru/forum/misc/68220-kalkulyator-rassrochki.html)

KEMPZOR 03.04.2017 11:51

Калькулятор рассрочки
 
Здравствуйте. Хочу сделать калькулятор рассрочки,подскажите как поступить, есть поле сумма, выбор количества месяцев рассрочки (выпадающий список) ну и кнопка рассчитать. По нажатию на рассчитать сумма будет разбита в таблице по выбранным месяцам(пример:1-месяц, 2-месяц и т.д). Первый платёж должен быть не менее 35 $ и не более суммы общей. Все остальные платежи должны быть кратны 5 (5,10,15,20,25 и т.д). Остановился на создании таблицы, подскажите следующие шаги пожалуйста.

Наскрёб шаблон примерный
<form>
		<div><input type="text" name="summa" placeholder="Введите число"/>Сумма рассрочки:</div>
			<select name="month">
                                <option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
                                <option value="6">6</option>
			</select>
		Количество месяцев:</div>
		<div><input type="button" name="send" value="Рассчитать"/></div>
	</form>

<style>
input {
	outline:none;
}

div {
	margin:10px 0;
	text-align:left;
}

	div label {
		margin:0 10px 0 0;
	}

	div input[type=text] {
		padding:6px 10px;
		border-radius:10px;
		border:1px solid #000033;
	}
	
	div input[type=button] {
		padding:6px 10px;
		border-radius:10px;
		font-size:16px;
		border:1px solid #000033;
		cursor:pointer;
	}
</style>

$(document).ready(function() { // Ждём загрузки страницы	   
	$("input[name=send]").click( function () { // Событие нажатия на кнопку "Расчёт"
$('<table width="100%" border="1" cellspacing="0" cellpadding="0"><tbody><tr><td>Номер платежа</td><td>Дата платежа</td><td>Сумма</td></tr></tbody></table>').fadeIn('slow').appendTo('.table');                                
		var datamonth = $("select[name=month]").val(); // Количество месяцев рассрочки
		var chislo = $("input[name=summa]").val(); // Переменная числа
		var result; // Переменная результата
	});
});

KEMPZOR 03.04.2017 16:50

Для деления суммы сделал цикл, потихоньку начинает выклёвываться. Как теперь сделать, чтобы это вносилось в таблицу, первый платёж не менее 35 usd(1 usd выводится в input#curs-usd), и остальные платежи кратные 5 (5,10,15,20,25,30 и т.д), есть какие мысли знатоки ?
<div><input type="hidden" id="curs-usd" value=""/>Сумма рассрочки:</div>
		<div><input type="text" name="summa" placeholder="Введите число"/>Сумма рассрочки:</div>
			<select name="month">
        <option value="1">1</option>
				<option value="2">2</option>
				<option value="3">3</option>
				<option value="4">4</option>
				<option value="5">5</option>
        <option value="6">6</option>
			</select>
		Количество месяцев:</div>
		<div><input type="button" name="send" value="Рассчитать"/></div>
<div class="table">
</div>

$(document).ready(function() { // Ждём загрузки страницы	


	var uri = 'http://www.nbrb.by/API/';
    $.getJSON(uri + 'ExRates/Rates/145')
	.done(function (data) {
	  console.log(data.Cur_OfficialRate);
	  $('input#curs-usd').val(data.Cur_OfficialRate);
	}).error(function (err) {
	  console.log('ошибка');
	});


	$("input[name=send]").click( function () { // Событие нажатия на кнопку "Расчёт"     
    var datamonth = $("select[name=month]").val(); // Количество месяцев рассрочки
		var chislo = $("input[name=summa]").val(); // Переменная числа
		var result = (chislo / datamonth).toFixed(2); // Переменная результата
		for (var i=1; i <= datamonth; i++) {
			rezultsumma = (result);
			rezultmesac = (i);
			$('<p class="rassmonth">'+rezultmesac+'</p>'+'<p class="rasssumm">'+rezultsumma+'</p>').fadeIn('slow').appendTo('.table');
		}

		var xxx = $('input#curs-usd').val() * 35;
$('<p>'+xxx+'</p>').appendTo('.table');
	});
});


Часовой пояс GMT +3, время: 15:31.