Переменная выбирается из диапазона. Как вывести свои числа в зависимости от значения этой переменной?

maxdaddycool · June 7, 2016

Здравствуйте, уважаемые программисты!

Решил я, значит, сделать себе сайт на Wix (ибо знаний в программировании ноль) для услуг по монтажу натяжных потолков

Возникла необходимость запилить туда самый простенький калькулятор расчета стоимости: вводим площадь - получаем стоимость (типа, как здесь "Расчёт стоимости натяжного потолка с установкой": _http://vipceiling.ru/moscow/ )

На Wixе такого виджета, к сожалению, нет. Поддержка посоветовала добавить свой код самостоятельно. Начал я бороздить просторы интернета, нашел один код и стал пытаться в нем разбираться. Вроде бы получилось привести его к удовлетворительному виду, но вот с выводом стоимости так и не смог разобраться.

Короче, оставил я в коде всего две переменных: amount (площадь потолка) и summ (стоимость). Площадь выбирается в заданном диапазоне (от 6 до 30 с шагом 1). Соответственно, для каждого значения площади у меня есть свое значение стоимости. И вот, ну не знаю я, как вывести мне эти самые значения в поле стоимости. У меня значения стоимости выбраны самостоятельно, без каких-либо формул. Вот и что мне указать в переменной summ, чтобы она выводила мне мои значения (числа, без формул расчета).

Вот, собственно, код:

<!DOCTYPE html>
<html>
<head>
  <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<meta charset="utf-8">
	<style type="text/css">
	div.demo { padding: 10px !important; width: 900px;}
	.ui-widget{font-size: 0.6em !important;}
	</style>
	<script>
	$(function() {
		$( "#slider-range-max" ).slider({
			range: "max",
			min: 6,
			max: 30,
			value: 6,
			slide: function( event, ui ) {
				$( "#amount" ).val( ui.value );
				calc();
			}
		});
		$( "#amount" ).val( $( "#slider-range-max" ).slider( "value" ) );
	});
	 
	function calc(par){
	amount = document.cl_form.amount.value;
 
	//var summ;
    summ = Number(amount)
	document.cl_form.summ.value=summ;
	document.getElementById("amounttd").innerHTML=amount;
	document.getElementById("summ").innerHTML=summ;
	return false; 
	}
	</script>
</head>
<body>
<form name="cl_form">	
<div class="demo">

<p>
	<label for="amount">Площадь потолка, м2:</label>
	<input type="number" min="6" max="30" id="amount" onchange="calc(this.value);" style="border:0; color:#f6931f; font-weight:bold; width:30px;" />
</p>
<div id="slider-range-max"></div>
<p>
	<label for="summ">Стоимость, руб:</label>
	<input value="0" name="summ" readonly="readonly" maxlength="10" size="5" type="text">
</p>
<p>
	<table border="1" cellpadding="3" style="border-collapse: collapse;">
		<tr>
			<td>
				Площадь, м2: <p id="amounttd">0</p>
			</td>
			<td>
				Стоимость, руб: <p id="summ">0</p>
			</td>
		<tr>
	</table>
</p>
</div>
</form>
</body>
</html>

Сейчас у меня стоимость приравнена к площади, потому что я просто не знаю, что писать в переменной summ.

Подскажите пожалуйста, как мне вывести для каждого значения площади свое значение стоимости!

Извините за дублирование тему! Видимо глюк какой-то. Первая тема у меня зависла (не работала кнопка "Создать вопрос"). Я перезапустил браузер, создал вторую тему и увидел, что первая опубликована. Просьба модератору оставить одну из тем, любую.

Edited March 14, 2017 by klierik

andrey7287 · June 8, 2016

var summ ;
switch (amount) {
  case '7': summ = 7000;
    break;
  case '8': summ = 8000;
    break;
  case '9': summ = 9000;
    break;
  case '10': summ = 10000;
    break;
  default: summ = "нет данных";
}

Edited June 8, 2016 by andrey7287

maxdaddycool · June 8, 2016

Спасибо, премного благодарен!

Sign In

Переменная выбирается из диапазона. Как вывести свои числа в зависимости от значения этой переменной?

Question

maxdaddycool

Link to comment

Share on other sites

2 answers to this question

Recommended Posts

andrey7287

Link to comment

Share on other sites

maxdaddycool

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information