Javascript-форум (https://javascript.ru/forum/)
-   Ваши сайты и скрипты (https://javascript.ru/forum/project/)
-   -   Матрацный калькулятор - нужна помощь (https://javascript.ru/forum/project/15590-matracnyjj-kalkulyator-nuzhna-pomoshh.html)

heihachi88 05.03.2011 07:50

Матрацный калькулятор - нужна помощь
 
Всем привет, с javascript только начал знакомиться более углубленно. Возникла задача по написанию матрацного калькулятора. Помогите пожалуйста. Формула такова - (x*y)*z, где x == длина матраца, где y == ширина матраца, а z == стоимость определенной модели матраца за квадратный см. В нем присутствуют следующие поля:


<form>
<table cellspacing="0" cellpadding="0" border="0" align="center" width="100%">
<tbody>

<!-- Модель матраца -->
<tr>
<td width=100>
<label>Модель: </label>
</td>
<td>
	<select size="1" name="matras_brand" id="matras_brand">
		<option selected="selected" value="0">&nbsp;</option>
		<option value="estrella_1">Estrella-1</option>
		<option value="estrella_2">Estrella-2</option>
		<option value="estrella_3">Estrella-3</option>
		<option value="estrella_4">Estrella-4</option>
		<option value="bianco_1">Bianco-1</option>
		<option value="bianco_2">Bianco-2</option>
		<option value="bianco_3">Bianco-3</option>
		<option value="bianco_4">Bianco-4</option>
		<option value="bianco_multi_1">Bianco Multi-1</option>
		<option value="bianco_multi_2">Bianco Multi-2</option>
		<option value="bianco_multi_3">Bianco Multi-3</option>
		<option value="bianco_multi_4">Bianco Multi-4</option>
		<option value="baby_line_1">Baby Line-1</option>
		<option value="baby_line_2">Baby Line-2</option>
		<option value="baby_line_3">Baby Line-3</option>
		<option value="baby_line_4">Baby Line-4</option>
		<option value="baby_line_hollcon_6">Baby Line Hollcon 6</option>
		<option value="baby_line_hollcon_6_coco">Baby Line Hollcon 6 Coco</option>
		<option value="baby_line_hollcon_10">Baby Line Hollcon 10</option>
		<option value="baby_line_hollcon_coco_10">Baby Line Hollcon Coco 10</option>
		<option value="baby_line_coco_6">Baby Line 6</option>
		<option value="hollcon_20">Hollcon 20</option>
		<option value="espuma_1">Espuma normal-1</option>
		<option value="espuma_2">Espuma normal-2</option>
		<option value="espuma_3">Espuma normal-3</option>
	</select>
</td>
</tr>

<!-- Ширина (см) -->

<tr>
<td width=100>
	<label>Ширина (см): </label>
</td>
<td>
	<input type="text" name="width" id="width" size="15">
</td>
</tr>

<!-- Длина (см) -->

<tr>
<td width=100>
	<label>Длина (см): </label>
</td>
<td>
	<input type="text" name="height" id="height" size="15">
</td>
</tr>

<!-- Итого -->

<tr>
<td>
	<label>Итого: </label>
</td>
<td>
	<input type="text" name="total" id="total" readonly="readonly" size="15">
</td>
</tr>

<!-- Кнопки -->

<tr>
<td>
	<input type="button" name="button" value="Расчитать" onClick="calculate()">
</td>
<td>
	<input type="reset" value="Сбросить" name="reset">
</td>
</tr>

</tbody>
</table>
</form>


Поле модель - имеет фиксированные значения, например матрац Estrella-1 имеет стоимость за кв.см 9800тг, т.е. у моделей должны быть фиксированные стоимости.

Помогите написать функцию расчета стоимости матраца :)

ksa 05.03.2011 08:47

Цитата:

Сообщение от heihachi88
с javascript только начал знакомиться более углубленно

Прекрасно!
А задачка твоя как раз и подойдёт для работы с основами ДОМ и JS...

heihachi88 05.03.2011 09:20

Цитата:

Сообщение от ksa (Сообщение 95049)
Прекрасно!
А задачка твоя как раз и подойдёт для работы с основами ДОМ и JS...

Можете дать ссылку на учебный материал какой-нибудь? :) или на путь верный подтолкнуть?

ksa 05.03.2011 09:23

Цитата:

Сообщение от heihachi88
Можете дать ссылку на учебный материал какой-нибудь?

Весь этот сайт является этим "учебным материалом".

Цитата:

Сообщение от heihachi88
или на путь верный подтолкнуть?

Для решения твоей задачки подойдут книжки:
- JavaScript для чайников
- JavaScript за 24 часа

heihachi88 05.03.2011 11:27

Скачал книги, они были написаны очень давно) Можешь обьяснить, мне нужно написать функцию и в этой функции обьявить переменные x,y,z верно?

heihachi88 05.03.2011 22:27

function calculator(form) {
		a = eval(form.width.value);
		b = eval(form.height.value);
		c = a + b;
		form.total.value = c;
	}


Простейшее сложение получилось написать)) Вопрос, у меня есть Select list, а в нем значения, как подвязать select list?

Можно ли так:

function calculator(form) {
                s = eval(form.myselect.value);
		a = eval(form.width.value);
		b = eval(form.height.value);
		c = (a * b)*s;
		form.total.value = c;
	}


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