Матрацный калькулятор - нужна помощь

[heihachi88]

Всем привет, с 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]

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

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

[heihachi88]

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

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

[ksa]

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

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

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

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

[heihachi88]

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

[heihachi88]

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;
	}