Калькулятор

ctpz · June 24, 2011

Имеется такая форма:

<form method="post" name="name">
  <fieldset>Ширина: <input size="5" name="width" value="88">
       Высота:<input size="5" name="height" value="31">
       Толщина рамки: <input size="4" name="border" value="0">
  <br>Выберите валюту: 
  <select name="valuta">
    <option value="rub">Российский рубль</option>
    <option value="uan">Гривня</option>
    <option value="usd">Американский доллар</option>
    <option value="eur">Евро</option>
  </select>
</label></fieldset>
<br>
Цена: <input size="8" name="cost" value="27,28">
</form>

Как сделать калькулятор, который бы умножал значение поля width на поле height и в зависимости от выбранной валюты выводил определенную стоимость.

s0rr0w · June 24, 2011

Как сделать калькулятор, который бы умножал значение поля width на поле height и в зависимости от выбранной валюты выводил определенную стоимость.

В чем сложность?

ctpz · June 25, 2011

в том, что я не знаю как это реализовать.

psywalker · June 25, 2011

в том, что я не знаю как это реализовать.

Дружище, в соседних ветках ты предлагаешь людям свою кандидатуру в качестве исполнителя, для разного рода задач. Причём там есть такие, что и профи не справиться. А тут я вижу совершенно обратное, т.е. что человек не может решить элементарнейшую задачу для первого класса. Не кажется ли тебе это странным? <_<

ctpz · June 25, 2011

Там я предлагаю варианты на jQuery, а здесь обычный js. Среда непривычная и с математикой у меня в web-программировании всегда проблемы были.

Считать я умею на уровне 2-3 класса и с событиями в простом js не знаком толком.

Вот, что получилось у меня.

<!DOCTYPE html>
<html>
<head>
<script lang="JavaScript">
function calculator(form) {
a = eval(form.a.value);
b = eval(form.b.value);
c = a*b;
d = c/100;
form.total.value = d;
}
</script>
</head>
<body>
Ширина  <input size="5" name="a" onchange="this.value=this.value.replace(/([^0-9])/g,'');" onkeyup="var n=this.value.replace(/([^0-9])g,''); if(n!=this.value) this.value=n;"><br>
<br>
Высота    <input size="5" name="b" onkeyup="this.value=this.value.replace(/([^0-9])/g,'');"><br>
<br>
<input value="Узнать цену" type="button">
<input value="Сброс" type="reset"><br>
<br>
Цена  <input size="8" name="total">
</body>
</html>

Но оно не считает.

Сделал еще один вариант но опять та же проблема. Не считает.

<!DOCTYPE html>
<html>
<head>
  <script><endnote><head>
<title></title>
<script language="javascript">
function umn()
{
rezultat.value=znah_1.value*znah_2.value/snah3.value;
}
  </script>
</head>
<body>
<input id="znah3" value="100" style="display: none;">
Высота <input id="znah_1" size="38">
Ширина <input id="znah_2" size="38">
Стоимость <input id="rezultat" size="38">
<input value="Расчитать" onclick="umn()" type="button">
</body>
</html>

Можно сделать этот счет возможным.

Edited June 25, 2011 by ctpz

Int · June 25, 2011

Зачем тут eval? Просто берёшь и умножаешь.

Во втором случае у тебя объекты не определены.

freeneutron · June 25, 2011

Там я предлагаю варианты на jQuery, а здесь обычный js.

Зачем тебе js? Делай все на jQuery

и с математикой у меня в web-программировании всегда проблемы были.

А вот это из-за того, что большинство начинающих программистов наивно полагают, что математика и английский им не нужны. Относись серьезнее к программированию, если хочешь сделать что-то серьезное.

с событиями в простом js не знаком толком

Изучи несколько примеров и все поймешь

не считает.

В 1-м примере забыл добавить onclick='calculator(form)'

Во 2-м используешь id="rezultat" вместо name="rezultat" и возможно rezultat.value вместо form.rezultat.value

ctpz · June 25, 2011

Забил и сделал на jQuery.Все равно спасибо всем за помощь

Int · June 25, 2011

Во 2-м используешь id="rezultat" вместо name="rezultat" и возможно rezultat.value вместо form.rezultat.value

ID и нужно, только сделать ему getElementById ещё

KeKe · June 26, 2011

Удивительно... похоже у jQuery совсем низкий порог вхождения. :facepalmxd:

olga153b · August 13, 2011

Забил и сделал на jQuery.Все равно спасибо всем за помощь

если я Вас правильно поняла, то вот Вам решение

<!DOCTYPE html>
<html>
<head>
 <title>qqqqqqqqqqq</title>
<link rel="stylesheet" type="text/css" href="style.css"> 

<script language="javascript">
function umn()
{
 var a=document.forma1.znah_1.value;
 var b=document.forma1.znah_2.value;
 var s=a*b/100;
 document.forma1.res.value=s; 
} 


  </script>
</head>


<body> 
<form name="forma1"> Высота<input type="text" name="znah_1" size="10">
<br><br> ширина <input type="text" name="znah_2" size="10"><br>
<br> <input type="button" name="button" value="Узнать цену" onClick="umn();"><br><br>
<br> стоимость <input type="text" name="res" size="10">


<br> 
 </form>
 </body>
 </html>

Sign In

Калькулятор

Question

Link to comment

Share on other sites

10 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation

Обсуждения

Important Information