Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.04.2017, 11:51
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Калькулятор рассрочки
Здравствуйте. Хочу сделать калькулятор рассрочки,подскажите как поступить, есть поле сумма, выбор количества месяцев рассрочки (выпадающий список) ну и кнопка рассчитать. По нажатию на рассчитать сумма будет разбита в таблице по выбранным месяцам(пример: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 в 12:19.
Ответить с цитированием
  #2 (permalink)  
Старый 03.04.2017, 16:50
Аспирант
Отправить личное сообщение для KEMPZOR Посмотреть профиль Найти все сообщения от KEMPZOR
 
Регистрация: 13.12.2016
Сообщений: 85

Для деления суммы сделал цикл, потихоньку начинает выклёвываться. Как теперь сделать, чтобы это вносилось в таблицу, первый платёж не менее 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');
	});
});

Последний раз редактировалось KEMPZOR, 03.04.2017 в 17:01.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Калькулятор услуг tarantino Javascript под браузер 1 30.07.2015 00:21
Не работает Калькулятор просчета отопления igor700 Общие вопросы Javascript 5 26.02.2014 16:18
Кредитный калькулятор kurya4iy Общие вопросы Javascript 4 11.05.2013 23:09
Сделать калькулятор на сайт. asderru Работа 1 22.07.2010 13:46
Калькулятор работает ТОЛЬКО в ie6 (вопрос ламера) st_sinner Javascript под браузер 3 17.04.2010 18:11