Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.01.2017, 05:58
Новичок на форуме
Отправить личное сообщение для andreydeli7 Посмотреть профиль Найти все сообщения от andreydeli7
 
Регистрация: 15.01.2017
Сообщений: 3

калькулятор для сайта js+html
Здравствуйте, впервые пишу в форум, нужен калькулятор, скрипт не хочет отрабатывать, видимо , я нуб. Помогите безвозмездно исправить ошибку? если таковая имеется.
КОД HTML
<form class="form_calc">
                            <div class="calc__form-row">
                                <label class="calc__form-label" for="calc_square"> Площадь</label><input id="calc_square" class="calc__form-input calc__form-input_square" type="text" placeholder="20">
                            </div>
                            <div class="calc__form-row">
                                <label class="calc__form-label" for="calc_angles"> Количество углов</label><input id="calc_angles" class="calc__form-input calc__form-input_angles" type="text" placeholder="4">
                            </div>
                            <div class="calc__form-row">
                                <label class="calc__form-label" for="calc_lights"> Количество светильников</label><input id="calc_lights" class="calc__form-input calc__form-input_lights" type="text" placeholder="4">
                            </div>
                        </form>
                    </div>
                    <div class="calc__result">
                        <div class="calc__result-box">
                            <div class="calc__result-header"> ЦЕНА ПОТОЛКА</div>
                            <div class="calc__result-middle">
                                <span class="calc__result-value"> 0 руб.</span><br>

Код JS:
function calcHandler($calcCont){

	var $calcResultCont = $calcCont.find('.calc__result-value');
	var $calcInputs = $calcCont.find('.calc__form-input');
	var $calcSquare = $calcCont.find('.calc__form-input_square');
	var $calcAngles = $calcCont.find('.calc__form-input_angles');
	var $calcLights = $calcCont.find('.calc__form-input_lights');

	var result = 0;

	var tt;

	var putValue = function(result){
		var k = Math.floor(result / 1000);
		var d = Number(result - k * 1000);
		//console.log(k, d, result);
		d = (d < 100) ? (d < 10 ? '00' + d : '0' + d) : d;
		if (k == 0){
			k = '';
		}
		$calcResultCont.text(k + ' ' + d + ' руб.');
	}

	var calculateSum = function(){

		//console.log($calcSquare.attr('class'));
		$calcSquare.addClass('s' + Math.random());
		//console.log($calcSquare.attr('value'));
		//console.log($calcSquare.val());

		var calcSquareValue = Number($calcSquare.val());
		var calcAnglesValue = Number($calcAngles.val());
		var calcLightsValue = Number($calcLights.val());

		if (!calcSquareValue){

			return false;
		}

		result = Math.round(calcSquareValue * 650 + calcAnglesValue * 100 + calcLightsValue * 600);
		putValue(result);
	}


	$calcCont.on('keyup', '.calc__form-input', function(){
		calculateSum();
		console.log($result);
	})
}
Ответить с цитированием
  #2 (permalink)  
Старый 15.01.2017, 06:36
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

Сообщение от andreydeli7
исправить ошибку?
ошибок нет, не хватает данных и логики.
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Редакторы html css js для планшетов rubin Оффтопик 7 20.06.2015 22:49
background resize IceDvl jQuery 4 25.04.2014 17:54
поиск классов внутри тега yozuul jQuery 24 14.06.2013 22:00
Вывод кусков HTML кода с одного файла JS wlad2 Общие вопросы Javascript 16 04.01.2011 11:52
Html метки + div + JS boltayka Events/DOM/Window 1 07.09.2009 17:21