1. Home
  2. Forums Index
  3. Browser Side / JavaScript and AJAX 7:47 am May 14, 2026

Forum Moderators: open

Message Too Old, No Replies

Java Script Calculator Failed to Work

price calculator dont work

         

prog_sys

12:34 am on Jul 2, 2008 (gmt 0)

10+ Year Member



/* I need someone to tell me why the code shown below didn't work

Thank you
*/

<html>
<head>
<title>Purchased Items</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script type='text/javascript'>

function init( f ) {
var i;
if( typeof( vcond ) != 'object' ) {
vcond = new Object();
if( typeof( Number.prototype.toPrecision ) == 'function' ) vcond.prec = function( num ) { return num.toPrecision( 6 ) };
else vcond.prec = function( num ) { return num };

vcond.jml0_text=f.jml0_text;
vcond.hrg=f.hrg0_label;
vcond.total0_text=f.ttl0_label;
vcond.sharga0=24000.00 ;
vcond.jml0=40 ;
vcond.total0=960000.00 ;

vcond.jml1_text=f.jml1_text;
vcond.hrg=f.hrg1_label;
vcond.total1_text=f.ttl1_label;
vcond.sharga1=70000.00 ;
vcond.jml1=20 ;
vcond.total1=1400000.00 ;

vcond.jml2_text=f.jml2_text;
vcond.hrg=f.hrg2_label;
vcond.total2_text=f.ttl2_label;
vcond.sharga2=35000.00 ;
vcond.jml2=50 ;
vcond.total2=1750000.00 ;

vcond.rankharga2=5;
vcond.grandtotal = 4110000;

vcond.gt_label = f.grand_total_text; calcgtotal();

}
function calcgtotal() {
with(vcond) {
grandtotal=0;
total0 = jml0 * sharga0 ;
grandtotal = grandtotal + total0 ;
hrg.value=sharga0 ;
total0_text.value=total0 ;
total1 = jml1 * sharga1 ;
grandtotal = grandtotal + total1 ;
hrg.value=sharga1 ;
total1_text.value=total1 ;
total2 = jml2 * sharga2 ;
grandtotal = grandtotal + total2 ;
hrg.value=sharga2 ;
total2_text.value=total2 ;
vcond.gt_label = grandtotal;
} }
function get_jumlah0() {
var i;
with(vcond){
jml0=jml0_text.value;
calcgtotal();
} }
function get_jumlah1() {
var i;
with(vcond){
jml1=jml1_text.value;
calcgtotal();
} }
function get_jumlah2() {
var i;
with(vcond){
jml2=jml2_text.value;
calcgtotal();
} }
</script>
</head>

<body>
<form id="formpurchase" action="addtocart.php?changequantity=1" method="post" name="formpurchase">
<table align="center" border="1" cellspacing="2" cellpadding="0">
<tr bgcolor=#33CCCC align=center valign=center height=40>
<td width=180>Name</td>
<td width=50>Amount</td>
<td width=90>Price / Unit</td>
<td width=100>Total</td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;ILYA Midas</td>
<td align=center><input type=text name='jml0_text' value=40 size=4 onchange='get_jumlah0()'></td>
<td align=right><input type=text name='hrg0_label' value=24000></td>
<td align=right><input type=text name='ttl0_label' value=960000></td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;JaYus-Mon</td>
<td align=center><input type=text name='jml1_text' value=20 size=4 onchange='get_jumlah1()'></td>
<td align=right><input type=text name='hrg1_label' value=70000></td>
<td align=right><input type=text name='ttl1_label' value=1400000></td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;Syudon Hell</td>
<td align=center><input type=text name='jml2_text' value=50 size=4 onchange='get_jumlah2()'></td>
<td align=right><input type=text name='hrg2_label' value=35000></td>
<td align=right><input type=text name='ttl2_label' value=1750000></td>
</tr>
<tr>
<td colspan=3>&nbsp;&nbsp;<b>Grand Total : </b></td>
<td align=right><input type=text name='grand_total_text' value=4110000></td>
</tr>
</table>
<br><div align=center><input type='submit' value='Ganti Kuantitas Pembelian'></div></form>
<script type="text/javascript">init( document.formpurchase );</script>
</body>
</html>

prog_sys

12:43 am on Jul 2, 2008 (gmt 0)

10+ Year Member



/* I noticed something wrong, but it still doesnt work */

<html>
<head>
<title>Purchased Items</title>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<script type='text/javascript'>

function init( f ) {
var i;
if( typeof( vcond ) != 'object' ) {
vcond = new Object();
if( typeof( Number.prototype.toPrecision ) == 'function' ) vcond.prec = function( num ) { return num.toPrecision( 6 ) };
else vcond.prec = function( num ) { return num };

vcond.jml0_text=f.jml0_text;
vcond.hrg0=f.hrg0_label;
vcond.total0_text=f.ttl0_label;
vcond.sharga0=24000.00 ;
vcond.jml0=40 ;
vcond.total0=960000.00 ;

vcond.jml1_text=f.jml1_text;
vcond.hrg1=f.hrg1_label;
vcond.total1_text=f.ttl1_label;
vcond.sharga1=70000.00 ;
vcond.jml1=20 ;
vcond.total1=1400000.00 ;

vcond.jml2_text=f.jml2_text;
vcond.hrg2=f.hrg2_label;
vcond.total2_text=f.ttl2_label;
vcond.sharga2=35000.00 ;
vcond.jml2=50 ;
vcond.total2=1750000.00 ;

vcond.rankharga2=5;
vcond.grandtotal = 4110000;

vcond.gt_label = f.grand_total_text; calcgtotal();

}
function calcgtotal() {
with(vcond) {
grandtotal=0;

total0 = jml0 * sharga0 ;
grandtotal = grandtotal + total0 ;
hrg0.value=sharga0 ;
total0_text.value=total0 ;

total1 = jml1 * sharga1 ;
grandtotal = grandtotal + total1 ;
hrg1.value=sharga1 ;
total1_text.value=total1 ;

total2 = jml2 * sharga2 ;
grandtotal = grandtotal + total2 ;
hrg2.value=sharga2 ;
total2_text.value=total2 ;

vcond.gt_label = grandtotal;
} }
function get_jumlah0() {
var i;
with(vcond){
jml0=jml0_text.value;
calcgtotal();
} }
function get_jumlah1() {
var i;
with(vcond){
jml1=jml1_text.value;
calcgtotal();
} }
function get_jumlah2() {
var i;
with(vcond){
jml2=jml2_text.value;
calcgtotal();
} }
</script>
</head>

<body>
<form id="formpurchase" action="addtocart.php?changequantity=1" method="post" name="formpurchase">
<table align="center" border="1" cellspacing="2" cellpadding="0">
<tr bgcolor=#33CCCC align=center valign=center height=40>
<td width=180>Name</td>
<td width=50>Amount</td>
<td width=90>Price / Unit</td>
<td width=100>Total</td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;ILYA Midas</td>
<td align=center><input type=text name='jml0_text' value=40 size=4 onchange='get_jumlah0()'></td>
<td align=right><input type=text name='hrg0_label' value=24000></td>
<td align=right><input type=text name='ttl0_label' value=960000></td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;JaYus-Mon</td>
<td align=center><input type=text name='jml1_text' value=20 size=4 onchange='get_jumlah1()'></td>
<td align=right><input type=text name='hrg1_label' value=70000></td>
<td align=right><input type=text name='ttl1_label' value=1400000></td>
</tr>
<tr valign=center><td>&nbsp;&nbsp;Syudon Hell</td>
<td align=center><input type=text name='jml2_text' value=50 size=4 onchange='get_jumlah2()'></td>
<td align=right><input type=text name='hrg2_label' value=35000></td>
<td align=right><input type=text name='ttl2_label' value=1750000></td>
</tr>
<tr>
<td colspan=3>&nbsp;&nbsp;<b>Grand Total : </b></td>
<td align=right><input type=text name='grand_total_text' value=4110000></td>
</tr>
</table>
<br><div align=center><input type='submit' value='Ganti Kuantitas Pembelian'></div></form>
<script type="text/javascript">init( document.formpurchase );</script>
</body>
</html>

rocknbil

4:56 pm on Jul 2, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Run it in FireFox and check out the Error Control Panel:

Error: missing } after function body
Source File: file:///C:.....test.html
Line: 81, Column: 3
Source Code:
} }

Error: init is not defined
Source File: file:///C:..../test.html
Line: 114

These are just on load of the page. Nothing will run until resolved.

At first glance, it looks like they are here, could be wrong. 


function init( f ) { 
  var i; 
  if( typeof( vcond ) != 'object' ) { 
   vcond = new Object(); 
   if( typeof( Number.prototype.toPrecision ) == 'function' ) { 
    vcond.prec = function( num ) { return num.toPrecision( 6 ) };  
   } 
   else vcond.prec = function( num ) { return num }; 
}
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

  1. Home
  2. Forums Index
  3. Browser Side / JavaScript and AJAX 7:47 am May 14, 2026