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 #10216 @ 12.04.12 23:54

4.283

const findes ikke i javascript

Bruger #17015 @ 13.04.12 07:55

614

Michael har delvist ret. const er ikke standard i JS - men nogen browsere implementerer den. Den eneste der slet ikke har support for det er IE.

https://developer.mozilla.org/en/JavaScript/Reference/Statements/const

I de fleste tilfælde vil du kunne bruge en var istedet for en const. Det handler bare om at du selv skal huske ikke at ændre den ;-)

Bruger #10216 @ 12.04.12 23:59

4.283

var TAXRATE = 0.0925;
var PRICEPERDONUT = 0.50;

Bruger #16802 @ 12.04.12 23:56

Jeg er igang med at læse head first javascript, jeg laver opgaver udefra bogen...

Hvad kan jeg bruge..??

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

Bruger #13010 @ 12.04.12 23:57

440

Virker fint her.

Bruger #16802 @ 13.04.12 01:42

tak det virker nu... men hvorfor skriver de i bogen at man kan bruge const...???

Indlæg senest redigeret d. 13.04.2012 01:42 af Bruger #16802

Bruger #17032 @ 13.04.12 07:30

const bruges eks. i PHP til at definere en variable der altid er konstant. hvilket betyder at man ikke kan ændre den.

Bruger #17081 @ 13.04.12 19:20

1.258

og husk, at lave strings om til ints? Giver det ikke et issue

var subTotal =(totalOfCakeDonuts + totalOfGlazedDonuts) * PRICEPERDONUT;

Bruger #10216 @ 14.04.12 11:27

4.283

Michael har delvist ret. const er ikke standard i JS - men nogen browsere implementerer den. Den eneste der slet ikke har support for det er IE.

https://developer.mozilla.org/en/JavaScript/Reference/Statements/const

I de fleste tilfælde vil du kunne bruge en var istedet for en const. Det handler bare om at du selv skal huske ikke at ændre den ;-)

Jeg mener nu stadig at JavaScript ikke har constanter. Det du refererer til er Mozilla's implementation af EcmaScript.

En god måde at få styr på koden kunne være:

JScript kode

 var TAXRATE = 0.0925;
 var PRICEPERDONUT = 0.50;
 
 function orderCalc() {
     var totalOfCakeDonuts = parseFloat(document.getElementById('cakedonuts').value);
     var totalOfGlazedDonuts = parseFloat(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);
 }

Indlæg senest redigeret d. 14.04.2012 11:27 af Bruger #10216

Bruger #17081 @ 14.04.12 12:26

1.258

ja for globale variabler er jo 10 gange bedre!!
Pak det i det mindste ind i et object

JScript kode

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

<< < 1 2 > >>

Javascript kode fungere ikke

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler