Калькулятор для сайта

@metlick · Регистрация: 09.12.2010

Author24 — интернет-сервис помощи студентам

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

Javascript

<html> 
 <head> 
 <script language="JavaScript"> 
 <!-- 
 function recalc() 
 { 
 document.getElementById ('fieldRes').innerHTML=parseInt(document.getElementById('field1').value)*parseInt(document.getElementById('field2').value); 
 } 
 //--> 
 </script> 
 </head> 
 <body> 
 
 
<tr> 
<td style="padding-right:10px;">Вид услуги</td><BR> 
<td>
<select name="b" id="field2" onchange="recalc()" style="width:150">
<option value="0" selected="selected">Выбрать...</option>
<option value="7">1</option>
<option value="8">2</option>
<option value="15">3</option>
<option value="33">4</option>
</select>
</td> 
</tr>

@pavelholovko · 21.06.2012, 04:46

Вы используете функцию parseInt - она служит для преобразования в целое число.
Для преобразования в дробное нужно использовать parseFloat

@metlick · 24.06.2012, 17:33 **[ТС]**

Все равно какая то ерунда получается при вводе в первую графу например цифры 7 выводит не 5.6 а 5.6000000000000005 в чем ошибка..вот полный код

Javascript

<html> 
 <head> 
 <script language="JavaScript"> 
 <!-- 
 function recalc() 
 { 
 document.getElementById ('fieldRes').innerHTML=parseFloat (document.getElementById('field1').value)*parseFloat (document.getElementById('field2').value); 
 } 
 //--> 
 </script> 
 </head> 
 <body> 
 
<tr> 
<td style="padding-right:10px;">Вид услуги</td><BR> 
<td>
<select name="b" id="field2" onchange="recalc()" style="width:150">
<option value="0" selected="selected">Выбрать...</option>
<option value="0.8">1</option>
<option value="0.15">2</option>
<option value="8">3</option>
<option value="0.14">4</option>
<option value="33">5</option>
<option value="0.6">6</option>
</select>
</td> 
</tr> 
 
 <tr> 
<BR><BR><td style="padding-right:10px;">Количество:</td>
 <BR><input type=text id="field1" onKeyUp=recalc() value=0><BR> 
<BR>
 <td style="padding-right:10px;">Сумма к оплате:</td><BR> 
 <td width=30%><span id="fieldRes">0</span></td> 
<td style="padding-right:10px;">руб.</td> 
 </tr> 
 </table> 
 </body> 
 </html>

Добавлено через 23 часа 35 минут
Проблему решил вот что в итоге получилось.

Javascript

<html> 
 <head> 
 <script language="JavaScript"> 
 <!-- 
 
function price_format(o) {
    return Number(o).toFixed(1);
}
 
 function recalc() 
 { 
 document.getElementById('fieldRes').innerHTML = price_format(parseFloat(document.getElementById('field1').value) * parseFloat(document.getElementById('field2').value));
 } 
 //--> 
 </script> 
 </head> 
 <body> 
 
<tr> 
<td style="padding-right:10px;">Вид услуги</td><BR> 
<td>
<select name="b" id="field2" onchange="recalc()" style="width:150">
<option value="0" selected="selected">Выбрать...</option>
<option value="0.8">1</option>
<option value="0.15">2</option>
<option value="8">3</option>
<option value="0.14">4</option>
<option value="33">5</option>
<option value="0.6">6</option>
</select>
</td> 
</tr> 
 
 <tr> 
<BR><BR><td style="padding-right:10px;">Количество:</td>
 <BR><input type=text id="field1" onKeyUp=recalc() value=0><BR> 
<BR>
 <td style="padding-right:10px;">Сумма к оплате:</td><BR> 
 <td width=30%><span id="fieldRes">0</span></td> 
<td style="padding-right:10px;">руб.</td> 
 </tr> 
 </table> 
 </body> 
 </html>

@pavelholovko 5 / 5 / 1 Регистрация: 18.02.2012 Сообщений: 25
	21.06.2012, 04:46	2
	Вы используете функцию parseInt - она служит для преобразования в целое число. Для преобразования в дробное нужно использовать parseFloat 0

	24.06.2012, 17:33

Опции темы