Hvordan skrive en Javascript-funksjon som beregner en Taxi Fare

Hvordan skrive en Javascript-funksjon som beregner en Taxi Fare


Taxi er en praktisk, men kostbar måte å reise på. Når drosjen begynner å bevege seg, begynner måleren kjører og kostnadene begynner å hope seg opp. Hvis du kjenner satsene cab selskapet kostnader og omtrentlig avstand til målet, kan du lage din egen taxi fare estimator ved hjelp av Javascript. Hvis taxi kostnad er basert på hver femte mil, multiplisere din tur kjørelengde med fem. Deretter multiplisere resultatet med satsen per femte mil. Til slutt legger dette beløpet til den første drop-off charge at noen selskaper tar betalt uansett distanse.

Bruksanvisning

1 Start ren tekst editor Notepad ved å klikke på "Start" -knappen, "Alle programmer," "Tilbehør" og deretter "Notisblokk".

2 Skriv inn følgende kode inn i teksteditor:

<Html>

<Head>

<Script type = "text / javascript">

funksjon calculatefare ()

{

// variabeldeklarasjoner

Var delsum = 0,0;

Var pricePerFifthMile = 0,50;

Var dropOffCharge = 2.50;

Var overTwoPassengerCharge = 2,00;

Var tripDistance = Number (document.getElementById ( "avstand") verdi.);

Var passasjerer = Number (document.getElementById ( "passasjerer") verdi.);

// Hvis det er over 2 ryttere, betaler hver ekstra passasjer $ 2

if (passasjerer> 2) {

delsum = overTwoPassengerCharge * (passasjerer-2);

}

// Beregne pris basert på miles i

delsum + = parseInt (tripDistance

5) pricePerFifthMile;

delsum + = dropOffCharge;

// Skriver ut prisen til div. toFixed legger cent til beregninger av heltall

document.getElementById ( 'pris') innerhtml = "$" + subTotal.toFixed (2).;

}

</ Script>

</ Head>

<Body>

<H1> Beregn Cab Fare </ h1>

<Table>

<Tr> <td>

Avstand til å reise (Miles):

Antall passasjerer:

<-knappen Id = "første" type = "button" onclick = "javascript: calculatefare ()"> Beregn Fare: </ knapp>

</ Td>

<Td>

<Input id = "avstand" type = "text" name = "avstand" value = "1" />

<Input id = "passasjerer" type = "text" name = "passasjerer" value = "1" />

<Div id = "pris"> $ 00,00 </ div>

</ Td> </ tr>

</ Table>

</ Body>

</ Html>

3 Klikk på "File" -menyen. Velg "Lagre" alternativet. Lagre den under filnavnet "test.html."

4 Start nettleseren ved å klikke på "Start" -knappen, klikke på "Alle programmer" og "Internet Explorer." Klikk på "File" menyen og velg "Åpne fil".

5 Finn filen "test.html" nettopp opprettet, velger du den med musen, klikk på "Open".

6 Angi avstanden til destinasjonen i miles. Skriv inn antall personer riding med deg. I dette eksemplet, hvis det er mer enn to personer riding, må hver ekstra person betale $ 2 å ri. Klikk på knappen merket "Beregn Fare." Estimatet skal vises til høyre for knappen.

Hint

  • Du kan øke nytten av skriptet ved å bruke gratis, online karttjenester. Når du gir området med start og mål adresser, beregner et program avstand. Noen ganger, karttjenester tilby alternative ruter som kan variere i avstand og reisetid. Søkemotorene Bing og Google, sammen med MapQuest og OpenStreetMap, gir programmering grensesnitt til sine tjenester, slik at du kan innarbeidet rute avstandsberegninger i søknaden din.
  • HTML skjemaelementer returnere data som strenger i stedet for tall. Det er opp til deg å sørge for at verdier tatt fra inngangs boksene er riktig datatype som skal brukes i beregningene. funksjon Number () Javascript konverterer strengverdier til tall, hvis det er mulig. For eksempel, hvis du skriver en "9," Number () konverterer den til nummer 9. Hvis du skriver «ni," Number () vil returnere "NaN" eller "ikke et tall."