var prix = parseInt(document.getElementById('prix').value);
var type = parseInt(document.getElementById('type').value);
var Distance = parseInt(meterDistance/1000);
var X = parseFloat(Distance);
var tarifKM;
if(type =='eco'){
tarifKM = X*2;
}
if(type =='berline'){
tarifKM = X*2,5;
}
if(type =='vanne'){
tarifKM = X*3;
}
document.getElementById('prix').value = tarifKM;
document.getElementById('kilom').value = Distance;
var prix = parseInt(document.getElementById('prix').value);
var type = parseInt(document.getElementById('type').value);
var Distance = parseInt(meterDistance/1000);
var X = parseFloat(Distance);
var tarifKM;
var prixPassager
if(type=='eco'){
tarifKM = X;
prixPassager = 2;
}
if(type=='berline'){
tarifKM = X;
prixPassager = 2,5;
}
if(type=='vanne'){
tarifKM = X;
prixPassager = 3;
}
var resultat = tarifKM * prixPassager ;
document.getElementById('prix').value = resultat;
document.getElementById('kilom').value = Distance;
var type = parseInt(document.getElementById('type').value);
var sType = parseInt(document.getElementById('type').value);
prixPassager = 2,5;
prixPassager = 2.5;
<div style="padding:5px; width:250px; margin:auto; border:8px solid #508d51; background-color:##FBFBEF; -moz-border-radius:20px; -khtml-border-radius:20px; -webkit-border-radius:20px; border-radius:20px;">
<p style="text-align: center;"><script src="https://maps.googleapis.com/maps/api/js?key=ICIMACLEGOOGLE&signed_in=true&libraries=places,geometry&callback=initPage"
async defer></script><input id="autostart" placeholder="Adresse de depart" type="text" /><br />
<input id="autoend" placeholder="Adresse de fin" type="text" /><br />
<label for="type">Type de Véhicule:</label>
<select id="type" name="type">
<option value="eco">Eco</option>
<option value="berline">Berline</option>
<option value="Vanne">Vanne</option>
</select>
<input onclick="getDistance();" type="button" value="Calculer" /><br />
<br />
Distance : <input id="kilom" type="text" /><br />
Tarifs : <input id="prix" type="price" /><br />
<script>
var autoend, autostart;
function initPage() {
autostart = new google.maps.places.Autocomplete((document.getElementById('autostart')),{types: ['geocode']});
autoend = new google.maps.places.Autocomplete((document.getElementById('autoend')),{types: ['geocode']});
}
function getDistance(){
var a = autostart.getPlace();
var FROM = a.geometry.location;
a = autoend.getPlace();
var TO = a.geometry.location;
var request = {
origin:FROM,
destination:TO ,
travelMode: google.maps.TravelMode.DRIVING
};
var directionsService = new google.maps.DirectionsService();
directionsService.route(request, function(result, status) {
if (status == google.maps.DirectionsStatus.OK) {
var meterDistance = result.routes[0].legs[0].distance.value;
var prix = parseInt(document.getElementById('prix').value);
var sType = parseInt(document.getElementById('type').value);
var Distance = parseInt(meterDistance/1000);
var X = parseFloat(Distance);
var tarifKM;
if(sType =='eco'){
tarifKM = X*2;
}
if(sType =='berline'){
tarifKM = X*2.5;
}
if(sType =='vanne'){
tarifKM = X*3;
}
document.getElementById('prix').value = tarifKM;
document.getElementById('kilom').value = Distance;
}
});
}
</script></p>
sType = parseInt(document.getElementById('type').value);
sType = document.getElementById('type').value;
var prix = parseInt(document.getElementById('prix').value);
<select id="type" name="type"> <option value=1>Eco</option> <option value=2>Berline</option> <option value=3>Vanne</option> </select>
var meterDistance = 55000; var iType = parseInt(document.getElementById('type').value); var Distance = parseInt(meterDistance/1000); var X = parseFloat(Distance); var tarifKM ; switch(iType){ case 1:tarifKM = X*2;break; case 2:tarifKM = X*2.5;break; case 3:tarifKM = X*3;break; } document.getElementById('prix').value = tarifKM; document.getElementById('kilom').value = Distance;
result.routes[0].legs[0].distance.value;(l api google était en erreur chez moi et je ne veux pas chercher donc j ai mis une valeur en dur =P.