Convertisseur en temps réel
Résolu
Imagine43
Messages postés
270
Date d'inscription
Statut
Membre
Dernière intervention
-
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
jordane45 Messages postés 38486 Date d'inscription Statut Modérateur Dernière intervention -
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.
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:
- Convertisseur en temps réel
- Maps satellite en temps réel - Guide
- Renommer plusieurs fichiers en même temps - Guide
- Convertisseur mp3 - Télécharger - Conversion & Extraction
- Convertisseur YouTube MP3 : toutes les solutions gratuites - Guide
- Changer sa voix en temps réel - Guide
3 réponses
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 :
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>
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.
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.
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é.
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é.
Passage en résolu. La solution était la suivante, en Jquery :
Le script fait la conversion Mètre-Pied & Pied-Mètre.
<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.