html - Javascript kode fungere ikke - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript html

<< < 1 2 > >>

Bruger #16802 @ 12.04.12 23:46

Hej, jeg har problemer med noget html og javascript kode..
javascript skal beregne subtotal, men det gør den ikke....???

HTML kode

 <!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" />
 
 <title>Duncan´s Just-In-Time Donuts</title>
 
 <script type="text/javascript">
 
 function orderCalc()
 {
  const TAXRATE = 0.0925;
  const PRICEPERDONUT = 0.50;
  
  var totalOfCakeDonuts = document.getElementById('cakedonuts').value;    
  
  var totalOfGlazedDonuts = document.getElementById('glazeddonuts').value;    
  
  var subTotal =(totalOfCakeDonuts + totalOfGlazedDonuts) * PRICEPERDONUT;
  
  var tax = subTotal * TAXRATE;
  
  var total = subTotal + tax;
  document.getElementById("subtotal").value = "$" + subTotal.toFixed(2);
  document.getElementById("tax").value = "$" + tax.toFixed(2);
  document.getElementById("total").value = "$" + total.toFixed(2);
  
 }
 
 function placeOrder()
 {
        
 }
 
 function validation()
 {
     
 }
 </script>
 </head>
 
 
 <body>
 <div>
 <p><h1>Duncan´s Just-In-Time Donuts</h1></p>
 <p><h3>All donuts 50 cents each, cake or glazed!</h3></p>
 </div>
 
 <div id="frame">
 <form name="orderform" action="donuts.php" method="POST">
 Name: <input type="text" name="name" /><br />
 # of cake donuts: <input type="text" name="cakeDonuts" id="cakedonuts" onchange="orderCalc()" value="" />
 # of glazed donuts: <input type="text" name="glazeddonuts" id="glazeddonuts" onchange="orderCalc()" value="" /><br />
 Minutes 'till pickup: <input type="text" name="time" />
 Subtotal: <input type="text" name="subtotal" id="subtotal" readonly="readonly" />
 Tax: <input type="text" name="tax" id="tax" readonly="readonly" />
 Total: <input type="text" name="total" id="total"  readonly="readonly"/>
 <input type="submit" value="Place Order" />
 </form>
 </div>
 
 </body>
 </html>

Indlæg senest redigeret d. 12.04.2012 23:47 af Bruger #16802

13 svar postet i denne tråd vises herunder
3 indlæg har modtaget i alt 23 karma

Sorter efter stemmer Sorter efter dato

Bruger #17015 @ 14.04.12 13:13

614

@Michael, det har du ret i. Jeg sagde jo også at den ikke var standard - men at nogen browsere faktisk havde support for det. Bla. derfor at scootergrisen ikke oplevede nogen problemer med OP's kode eksempel.

Bruger #10216 @ 14.04.12 20:26

4.283

Ja for det er bare endnu bedre!!

Nej så må vi hellere lege med private variabler og funktioner - og hvis det skal være kan vi jo sagtens tage den et skridt videre og fjerne al forståelse i koden for dem der begynder at kode JavaScript.

JScript kode

 var App = function() {
      var TAXRATE = 0.0925;
      var PRICEPERDONUT = 0.50;
 
      var getInputValue = function(id) {
          return parseFloat(document.getElementById(id).value);
      }
      
      var setInputValue = function(id, value) {
          document.getElementById(id).value = value;
      }
      
      return {
          orderCalc: function() {
             var subTotal = (getInputValue('cakedonuts') + getInputValue('glazeddonuts')) * PRICEPERDONUT,
                 tax = subTotal * TAXRATE,
                 total = subTotal + tax;
     
             setInputValue('subtotal', "$" + subTotal.toFixed(2));
             setInputValue('tax', "$" + tax.toFixed(2));
             setInputValue('total', "$" + total.toFixed(2));
         }
     }
 }();

I det mindst lav din kode brugbar... eller noget...

Bruger #17081 @ 14.04.12 20:51

1.258

@Michael ja ... Overvejede det, men tog den simple tilgang til det, men jeg syntes da også, at nybegyndere bør lære hvordan man gør det "rigtigt" så de ikke løber ind i de problemer med de projekter de har gang i.

<< < 1 2 > >>

Javascript kode fungere ikke

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler