Convertir le kilométrage en Euros

Version imprimable

bonjour, je réalise un site de location avec dépôt du véhicule, et j'aimerais calculé le kilomètre parcourue entre l'endroit du véhicule jusqu’à la remise du véhicule et convertir en euros, j'arrive a affiché le km avec google api mais après pour les convertir en euros voici le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
 <div class="form-row">
          <div class="form-group col-md-6">
            <input type="text" id="to" placeholder="Prise en charge (Adresse)" class="form-control" name="adresse_depot">
          </div>
        </div>
<div class="col-xs-offset-2 col-xs-10">
            <button class="btn btn-info btn-lg" onclick="calcRoute();">Prix</button> 
          </div>
        <p>Tarifs (en €)<input id="Tarifs" name="tarifs" required="" type="price" /></p>// affiche indefinited
        <input type="button" onclick="Calculer();" value="Calculer" /> // bouton pour lancé le JS
          <div id="output"></div> // affiche le km
 
 
    <script type="text/javascript">
     function Calculer(){
   
   var Distance = document.getElementById('output').value;
   var Tarifs = document.getElementById('Tarifs');
   //ici ton code de calcul...
   var X = parseFloat(Distance);
   var tarifKM;
   console.log("Distance :"+Distance);
   console.log("X :"+X);
   if(X>=1 && X<=8){ //1 a 8km gratuit
     tarifKM = 0;
   }
   if(X>=8 && X<=18){ // 8 a 18km 9 euros supplémentaire
     tarifKM = 9;
   }
   if(X>=18 && X<=100){ // 18 a 100km 0.35 euros par kilomètre
       tarifKM = 0.35*X;
     }
  Tarifs.value = tarifKM;// affiche le TarifKM dans Tarifs
 }
    </script>

et dans le input de Tarifs m'affiche indefinited
vous inquiété pas je sais qui manque les balise mais j'ai mis ce qui était en lié avec le JS
merci par avance

11/11/2020, 20h55
ProgElecT

Salut

var Distance = document.getElementById('output').textContent; non pas .value
11/11/2020, 21h38
bluebey

merci maintenant le input de Tarifs m'affiche plus indefinited mais plus rien
11/11/2020, 22h51
ProgElecT

Re

Citation:

Envoyé par bluebey

'arrive a affiché le km avec google api mais après pour les convertir .....

A un moment ou à un autre, dans le cours de ton programme, les kilomètres devraient apparaitre dans la <div id="output"></div> .
Le calcul devient alors possible.
12/11/2020, 00h23
bluebey

oui il apparait bien dans output mais ne transmet pas le JS sur input tarif, le input reste vide alors qu'avant il m'affichais indifinited
13/11/2020, 13h37
javatwister

Je ne connaissais pas le input type="price" 8O
14/11/2020, 07h35
bluebey

merci pour ta réponse ProgElecT sa fonctionne mais un dernière question es ce que c'est possible de mettre directement le prix sans affiché le km?
14/11/2020, 08h55
ProgElecT

Salut
<div id="output" style="display:none">123</div>
14/11/2020, 09h50
bluebey

salut
merci pour ta réponse
la variable disparais bien mais je suis obligé de de faire deux input hors je voudrais masqué les kilomètre et afficher le prix en cliquant sur un bouton