Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Помогите настроить каалькулятор (https://javascript.ru/forum/misc/64744-pomogite-nastroit-kaalkulyator.html)

mrtomsk70 02.09.2016 07:29

Помогите настроить каалькулятор
 
Добрый день! не могу настроить калькулятор выдает ошибку NAN, также хотел попросить чтобы при вводе суммы он сам подбирал тариф допустим я ввожу в калькулятор 101 он подбирает мне 3 тариф и делает расчет. и также чтобы вместо days выводил Дней, я побывал заменять но там каракули( вот код :

$(function(){

	calc();

	$('#calc_plan').on('change', calc);
	$('#new_Sum, #inv_days, #compount_rate').bind('change keyup', calc).on('keypress');



});

function isNumberKey(evt) {
	var charCode = (evt.which) ? evt.which : event.keyCode;
	if (charCode > 31 && (charCode < 48 || charCode > 57))
		return false;
	return true;
}

function calc() {

	var plan, amount, percent, days, total, p1, p2, p3, p4, p5, plantxt;

	plan = $('#calc_plan').val();
	amount = $('#new_Sum').val();
	var comp_rate = $('#compount_rate');
	var comp_rate_val = $('#compount_rate').val();
	var comp_rate_val_def = 100;
	var days_count = 1;
	var final_profit = 0;
	var day_part = 0;



	switch (plan) {
					case '1';
			switch (true) {
				    case (amount<3);
					percent = 0;
					days = 0;
					plantxt = 1;
					break;
					
					 case (amount>=3);
					percent = 2.16;
					days = 365;
                    plantxt = 1;
					break;
					
				    case (amount>24):
					percent = 0;
					days = 0;
                    plantxt = 0;
					break;
										


			}
            
    }
    
	switch (plan) {
					case '2';
			switch (true) {
				    case (amount<25);
					percent = 0;
					days = 0;
					plantxt = 0;
					break;
		
															
				    case (amount>=25):
					percent = 2.4;
					days = 365;
                    plantxt = 2;
					break;
					
				    case (amount>99):
					percent = 0;
					days = 0;
                    plantxt = 0;
					break;



			}

	}

switch (plan) {
					case '3';
			switch (true) {
				    case (amount<100);
					percent = 0;
					days = 0;
					plantxt = 0;
					break;
		
															
				    										
				    case (amount<=299);
					percent = 2.88;
					days = 365;
                    plantxt = 3;
					break;
					
				


			}

	}


switch (plan) {
					case '4';
			switch (true) {
				    case (amount<300);
					percent = 0;
					days = 0;
					plantxt = 0;
					break;
		
					case (amount<=2000);
					percent = 3.66;
					days = 365;
                                        plantxt = 4;
					break;						
				   



			}

	}
    


//	$('#assign_per').val((percent+100).toFixed(1)+'%');


		var totRet = ((amount*percent/100)*days).toFixed(2);
		var sum = (eval (amount) + eval (totRet));
		var sum2 = (eval (amount) + eval (0));
		var per = (eval (((100*(totRet))/amount)) );
    
        var sum4 = (eval (totRet));
    
		$('#assign_per').val((per).toFixed(2)+'%');

		$('#total_return').val('$'+(sum).toFixed(2));
    
		$('#total_profit').val((sum4).toFixed(2)+' USD');

	    $('#daily_profit').val('$'+(amount*percent/100).toFixed(2));
	
		$('#daily_percent').val((percent).toFixed(1)+'%');
		
		$('#days_tot').val((days).toFixed(0)+' days');

    	$('#days_tot2').val((days).toFixed(0)+' days');
    
    	$('#days_tot3').val((days).toFixed(0));

    	$('#inv_am').val((sum2).toFixed(0));

    	$('#plan_txt').val('Unlimited Earner '+(plantxt).toFixed(0));


}


и отображение

<select id="calc_plan" class="calculate-select" style="background:url(images/calcplan.png)">
<option value="1" selected="selected"><font><font>0</font></font></option>
<option value="2"><font><font>0</font></font></option>
<option value="3"><font><font>0</font></font></option>
<option value="4"><font><font>0</font></font></option>

</select>

mrtomsk70 04.09.2016 13:06

вот отображение!!!


<script src="js/calculator.js"></script>
<div class="calcbg">

<center>
<table width="1030" border="0" cellspacing="0" cellpadding="0" class="wow zoomInUp animated" data-wow-delay=".3s">
    <tbody><tr>
      <td style="vertical-align:top; padding-top:90px; color:#bad1d6; font-size:16px">
      
<div style="padding:0px 0px 15px 30px"><font><font>Инвестиционный план:</font></font></div>

<select id="calc_plan" class="calculate-select" style="background:url(images/calcplan.png)">
<option value="1" selected="selected"><font><font>0.09% в час в течение 12 месяцев</font></font></option>
<option value="2"><font><font>0.1% в час в течение 12 месяцев</font></font></option>
<option value="3"><font><font>0.12% в час в течение 12 месяцев</font></font></option>
<option value="4"><font><font>0.15% в час в течение 12 месяцев</font></font></option>

</select>  
                                                    
      
<table border="0" cellspacing="0" cellpadding="0" style="margin-top:25px">
    <tbody><tr>
      <td class="calculate-bg"><input type="text" value="10" class="calculate-amount" name="Sum" id="new_Sum"><br><font><font>СУММА ВКЛАДА</font></font></td>
      <td style="width:20px">&nbsp;</td>
      <td class="calculate-bg"><input type="text" disabled="disabled" id="days_tot3" value="NaN" readonly="readonly" class="calculate-amount"><br><font><font>Срок</font></font></td>
    </tr>
</tbody></table>
 
      
      
      
       
<table border="0" cellspacing="0" cellpadding="0" style="margin:25px 0px 0px 25px">
<tbody><tr>
<td style="color:#bad1d6; width:180px"><img src="images/calcicol1.png" style="float:left; margin-right:10px"><font><font>Ежедневная прибыль:</font></font><br><input type="text" disabled="disabled" id="daily_profit" value="NaN" readonly="readonly" class="calcf3"></td>
<td style="color:#bad1d6; width:160px"><img src="images/calcicol2.png" style="float:left; margin-right:10px"><font><font>Срок вклада:</font></font><br><input type="text" disabled="disabled" id="days_tot2" value="NaN" readonly="readonly" class="calcf3"></td>
</tr>
</tbody></table>
                                             
                                                    
      
      
      </td>
      <td class="calcshadow">
      
<div class="calcrow"><img src="images/calcico2.png" class="calcico"><font><font class="">Детальный анализ прибыли </font></font></div>      
<div class="calcrow"><img src="images/calcico1.png" class="calcico"><font><font>Сумма вклада: </font></font><input type="text" disabled="disabled" value="NaN" readonly="readonly" class="calcf" id="inv_am"></div>

<div class="calcrow"><img src="images/calcico3.png" class="calcico"><font><font>Срок вклада: </font></font><input type="text" disabled="disabled" value="NaN" readonly="readonly" class="calcf" id="days_tot"></div>


<div class="calcrow2"><font><font>Общая прибыль: </font></font><input type="text" disabled="disabled" value="NaN" readonly="readonly" class="calcf2" id="total_profit"></div>

      
      </td>
    </tr>
</tbody></table>
</center>


</div>


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