Briser un code JavaScript en fonctions

Question

Débutant codeur étudiant,

ici et je développe un programme qui peut alerter programme une fois que vous tapez le montant d'argent que vous lui donnez calculera la pointe, et de l'impôt pour obtenir le montant total que l'utilisateur possède. J'ai le code de base vers le bas et le diviser en fonctions, mais quand je mets un nombre, il montre comme non identifié.

Voici mon code:

const TAXRATE=.095 
const TIPRATE=.2 

function foodCharge (foodCharge) { 
    return parseFloat(prompt("please enter the amount")); 
} 
foodCharge(); 

function taxAmount (foodCharge,TAXRATE) { 
    return parseFloat(foodCharge*TAXRATE); 
} 

taxAmount(); 


function subAmount (foodCharge,taxAmount) { 
    return parseFloat(foodCharge+taxAmount); 
} 
subAmount(); 

function tipAmount (TAXRATE,subAmount) { 
    return parseFloat (TAXRATE*subAmount); 
} 
tipAmount(); 


function grandTotal (foodCharge, taxAmount, tipAmount) { 
    return grandTotal=parseFloat(foodCharge+taxAmount+tipAmount) 
} 
grandTotal(); 

function finalCost(foodCharge,taxAmount, tipAmount, grandTotal) { 
    alert ("Meal cost: "+ foodCharge + " \nTax: " + taxAmount + " \nTip: " + 
    tipAmount +" \nGrand total: " + grandTotal); 
} 
finalCost(); 

Answer 1

Vous avez besoin fonction parseFloat que lorsque vous analysez nombre flottant de chaîne. Vous n'avez pas besoin d'analyser le résultat d'une opération mathématique régulière (si les deux nombres ne sont pas des chaînes). Lorsque vous passez la fonction en tant que paramètre à alert() vous devez le passer avec des crochets (), sinon vous passez la référence à une fonction.

Si je comprends bien votre question, voici votre programme:

const TAXRATE=0.095 
const TIPRATE=0.2 


function foodCharge (foodCharge) { 
    return parseFloat(prompt("please enter the amount")); 
} 
var charge = foodCharge(); 


function taxAmount (charge, rate) { 
    return charge*rate; 
} 
var tax = taxAmount(charge, TAXRATE); 


function subAmount (charge,tax) { 
    return charge+tax; 
} 
var amount = subAmount (charge,tax); 


function tipAmount (rate,amount) { 
    return rate*amount; 
} 
var tip = tipAmount(TAXRATE,amount); 


function grandTotal() { 
    return charge+tax+tip; 
} 


function finalCost() { 
    alert ("Meal cost: "+ charge + " \nTax: " + tax + " \nTip: " + amount +" \nGrand total: " + grandTotal()); 
} 
finalCost(); 

Answer 2

Vous pouvez régler la fonction à appeler au sein finalCost. Remarque, parseFloat() est seulement nécessaire à foodCharge fonction

const TAXRATE = .095 
 
const TIPRATE = .2 
 

 
function foodCharge() { 
 
    return parseFloat(prompt("please enter the amount")); 
 
} 
 

 
function taxAmount(charge, tax) { 
 
    return charge * tax; 
 
} 
 

 
function subAmount(charge, tax) { 
 
    return charge + tax; 
 
} 
 

 
function tipAmount(tip, sub) { 
 
    return tip * sub; 
 
} 
 

 
function grandTotal(charge, tax, tip) { 
 
    return charge + tax + tip; 
 
} 
 

 
function finalCost() { 
 

 
    let _foodCharge = foodCharge(); 
 
    let _taxAmount = taxAmount(_foodCharge, TAXRATE); 
 
    let _subAmount = subAmount(_foodCharge, _taxAmount); 
 
    let _tipAmount = tipAmount(TIPRATE, _subAmount); 
 
    let _grandTotal = grandTotal(_foodCharge, _taxAmount, _tipAmount); 
 

 
    alert("Meal cost: " + _foodCharge + " \nTax: " + _taxAmount + " \nTip: " + 
 
    _tipAmount + " \nGrand total: " + _grandTotal); 
 
} 
 

 
finalCost();