Convertisseur en temps réel

Résolu/Fermé
Imagine43 Messages postés 264 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 15 novembre 2023 - 30 janv. 2015 à 14:33
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 - 30 janv. 2015 à 18:11
Bonjour,
J'aurais aimé créer un convertisseur d'unité tel que celui dans ce site : https://www.clickandboat.com/evaluer-ses-revenus-locatifs

Le but étant donc de faire une génération d'un chiffre en temps réel, sans avoir besoin de recharger la page.
Etant tout de même débutant en javascript, j'aurais aimé obtenir une marche à suivre ou du moins un petit coup de pouce pour le code. (Non pas les calculs mais juste le procédé de la génération avec exemple si possible).

Merci d'avance!
Imagine.



A voir également:

3 réponses

jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
30 janv. 2015 à 16:32
Bonjour,

Quelle est ta difficulté au juste ?

Car, en Javascript... pour déclencher une action (une fonction) il suffit d'utiliser les EVENT tel que : Onclick par exemple.

Voici un exemple :
<html>
<head>
	<title>TEST</title>
</head>
<body>

<pre>
<div>
<input type="text" value="" id="chiffre1">
<input type="text" value="" id="chiffre2">
<input type="button" onclick="mafonction();" value="calculer">
</div>
<div style=" border:1px solid black;width:50px;min-height:14px;" id="resultat"></div>
</pre>  
</body>
</html>
<script type="text/javascript">
function mafonction(){

 var chiffre1 = parseFloat(document.getElementById('chiffre1').value);
 var chiffre2 = parseFloat(document.getElementById('chiffre2').value);
 var total = chiffre1 + chiffre2;

  document.getElementById('resultat').innerHTML = total;
}
	</script>

0
Imagine43 Messages postés 264 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 15 novembre 2023 54
30 janv. 2015 à 16:40
Bonjour,

La difficulté réside dans le fait de générer des valeurs en meme temps que l'utilisateur en rentre, une fois la page chargée.
En discutant avec un ami développeur, il m'a aiguillé en me disant d'utiliser les évènements OnkeyUp.
0
jordane45 Messages postés 38144 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 21 avril 2024 4 650
30 janv. 2015 à 18:11
Mais vu que nous n'avions pas l'explications exacte de ce que tu voulais... impossible pour nous de le deviner.
Je suis partit sur un ONCLICK ... mais en "pure" javascript... il existe aussi le onkeyup ....

maintenant c'est clair que si tu veux/peux utiliser Jquery.. c'est mieux...(mais pas essentiel).
voilou..

Le principal est que tu ais trouvé.
0
Imagine43 Messages postés 264 Date d'inscription jeudi 5 juin 2014 Statut Membre Dernière intervention 15 novembre 2023 54
30 janv. 2015 à 18:00
Passage en résolu. La solution était la suivante, en Jquery :


<script language="javascript">
$(document).ready(function(){
$( "#taille" ).keyup(function(event) {
var number = $('#taille').val();
var number1 = (number *= 3.2809).toFixed(2);
$('#taille-pied').val(number1);
});
$( "#taille-pied" ).keyup(function(event) {
var number = $('#taille-pied').val();
var number1 = (number *= 0.3048).toFixed(2);
$('#taille').val(number1);
});
});

</script>


Le script fait la conversion Mètre-Pied & Pied-Mètre.
0