www.webdeveloper.com
Results 1 to 4 of 4

Thread: calculater

Hybrid View

  1. #1
    Join Date
    Aug 2012
    Posts
    40

    calculater

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript">
    const debit_fee=0.20;
    const store_fee=0.12;
    const regular_fee=500;
    var numericExpression =/^[0-9.]+$/;
    var item_cost=document.getelementbyid('itemcost').value;
    function calculate()
    {
    	if(item_cost.match(numericExpression) )
    {
    	for(i=0;i<=document.getElementsByName('method').length;++i)
      {
    	if(document.getElementsByName('method')[i].checked)
    	{
    	var radio_value=document.getElementsByName('method')[i].value;
    	break;
    	}
      }
      switch(radio_value)
      {
    	  case "credit_card":
    	  var total=(item_cost+regular_fee)*debit_fee;
    	  break;
    	  case "Regular":
    	  var total=(item_cost+regular_fee)*store_fee;
    	  break;
    	  default:
    	  alert('Please Select a Payment Method You wish to use');  
      }
      document.getElementById("total").value=total;
    }
    else
    alert('Please Enter only Numeric Values For the Item Cost');
    }
    </script>
    <style>
    #purchaseCalculator
    {
    	margin:0 auto;
    	border: 1px solid #666;
    	min-height:200px;
    	max-width:400px;
    	text-align:center;
    }
    </style>
    </head>
    <body>
    <div id="purchaseCalculator">
    <form>
    <label>Item Cost</label><input type="text" id="itemcost"/><br />
    <p>Select Payment Method</p>
    <label>Credit Card</label><input type="radio" name="method" value="credit_card" />
    <label>Regular Purchase</label><input type="radio" name="method" value="Regular" /><br />
    <input type="button" value="Calculate" onclick="calculate()" style="text-align:center;" /><br />
    <label>Total:<input type="text" name="Total" id="total" />
    </form>
    </div>
    </body>
    </html>
    anybody willing to tell me why thsi is not working. it says the item cost is undifined and when i hard code it a value it says my match function does not exist though i am sure it works as i have used it b4......and help appreciated and i already know the loop says undifined when nothing is selected but it does not show my aler error

  2. #2
    Join Date
    Jul 2008
    Location
    urbana, il
    Posts
    2,787
    document.getelementbyid should be document.getElementById

  3. #3
    Join Date
    Aug 2012
    Posts
    40
    it still does not work and i had to remove the match validation to see it still dosnt gives me NANA and i cheched the value before i did math and it still does not show

  4. #4
    Join Date
    Aug 2012
    Posts
    40
    oh i feel so dumb i see my error

    the variables were out of scope and to check if the radio buttons were set was an easy fix i just had to make it less than rather than less than or equal to
    Last edited by zanda; 05-03-2013 at 04:22 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles