Convertisseur

Résolu/Fermé
anthonyr_25 Messages postés 165 Date d'inscription mercredi 5 janvier 2022 Statut Membre Dernière intervention 6 juillet 2022 - 6 janv. 2022 à 22:17
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 6 janv. 2022 à 22:36
Bonjour,

Salut la compagnie j'ai fait un convertisseur avec mes piètres talents ... mais il ne fonctionne pas, pourriez vous m'aidez ?

<h2>Convertisseur de mesures :</h2>
    <div class="form-group">
        <label>km</label>
        <input id="km" type="number" placeholder="km">
    </div>
    <div class="form-group">
        <label>m</label>
        <input id="m" type="number" placeholder="m">
    </div>
    <div class="form-group">
        <label>dm</label>
        <input id="dm" type="number" placeholder="dm">
    </div>
    <div class="form-group">
        <label>cm</label>
        <input id="cm" type="number" placeholder="cm">
    </div>
    <div class="form-group">
        <label>mm</label>
        <input id="mm" type="number" placeholder="mm">
    </div>
    <div class="form-group">
        <label>mi</label>
        <input id="mi" type="number" placeholder="mi">
    </div>
    <div class="form-group">
        <label>pouces</label>
        <input id="inch" type="number" placeholder="pouces">
    </div>
    <div class="form-group">
        <label>ft</label>
        <input id="ft" type="number" placeholder="ft">
    </div>
    <div class="form-group">
        <label>yrd</label>
        <input id="yrd" type="number" placeholder="yrd">
    </div>


.form-group{
        display: inline-block;
        padding: 10px;
}


let km = document.getElementById("km");
let m = document.getElementById("m");
let dm = document.getElementById("dm");
let cm = document.getElementById("cm");
let mm = document.getElementById("mm");
let mi = document.getElementById("mi");
let inch = document.getElementById("inch");
let ft = document.getElementById("ft");
let yrd = document.getElementById("yrd");

km.addEventListener("input", function(){convMesures(this.id, this.value);});
m.addEventListener("input", function(){convMesures(this.id, this.value);});
dm.addEventListener("input", function(){convMesures(this.id, this.value);});
cm.addEventListener("input", function(){convMesures(this.id, this.value);});
mm.addEventListener("input", function(){convMesures(this.id, this.value);});
mi.addEventListener("input", function(){convMesures(this.id, this.value);});
inch.addEventListener("input", function(){convMesures(this.id, this.value);});
ft.addEventListener("input", function(){convMesures(this.id, this.value);});
yrd.addEventListener("input", function(){convMesures(this.id, this.value);});

function convMesures(id, valeur){
        if(id == "km"){
                m.value = valeur * 1000;
                dm.value = valeur * 10000;
                cm.value = valeur * 100000;
                mm.value = valeur * 1000000;
                mi.value = valeur * 0.62137119223733;
                inch.value = valeur * 39370.078740157;
                ft.value = valeur * 3280.8398950131;
                yrd.value = valeur * 1093.6132983377;
        }else if(id == "m"){
                km.value = valeur * 0.001;
                dm.value = valeur * 10;
                cm.value = valeur * 100;
                mm.value = valeur * 1000;
                mi.value = valeur * 0.00062137119223733;
                inch.value = valeur * 39.370078740157;
                ft.value = valeur * 3.2808398950131;
                yrd.value = valeur * 1.0936132983377;
        }else if(id == "dm"){
                km.value = valeur * 0.0001;
                m.value = valeur * 0.1;
                cm.value = valeur * 10;
                mm.value = valeur * 100;
                mi.value = valeur * 0.000062137119223733;
                inch.value = valeur * 3.9370078740157;
                ft.value = valeur * 0.32808398950131;
                yrd.value = valeur * 0.10936132983377;
        }else if(id == "cm"){
                km.value = valeur * 0.00001;
                m.value = valeur * 0.01;
                dm.value = valeur * 0.1;
                mm.value = valeur * 10;
                mi.value = valeur * 0.0000062137119223733;
                inch.value = valeur * 0.39370078740157;
                ft.value = valeur * 0.032808398950131;
                yrd.value = valeur * 0.010936132983377;
        }else if(id == "mm"){
                km.value = valeur * 0.000001;
                m.value = valeur * 0.001;
                dm.value = valeur * 0.01;
                cm.value = valeur * 0.1;
                mi.value = valeur * 0.00000062137119223733;
                inch.value = valeur * 0.039370078740157;
                ft.value = valeur * 0.0032808398950131;
                yrd.value = valeur * 0.0010936132983377;
        }else if(id == "mi"){
                km.value = valeur * 1.609344;
                m.value = valeur * 1609.344;
                dm.value = valeur * 16093.44;
                cm.value = valeur * 160934.4;
                mm.value = valeur * 1609344;
                inch.value = valeur * 63360;
                ft.value = valeur * 5280;
                yrd.value = valeur * 1760;
        }else if(id == "inch"){
                km.value = valeur * 0.0000254;
                m.value = valeur * 0.0254;
                dm.value = valeur * 0.254;
                cm.value = valeur * 2.54;
                mm.value = valeur * 25.4;
                mi.value = valeur * 0.000015782828282828;
                ft.value = valeur * 0.083333333333333;
                yrd.value = valeur * 0.027777777777778;
        }else if(id == "ft"){
                km.value = valeur * 0.0003048;
                m.value = valeur * 0.3048;
                dm.value = valeur * 3.048;
                cm.value = valeur * 30.48;
                mm.value = valeur * 304.8;
                mi.value = valeur * 0.00018939393939394;
                inch.value = valeur * 12;
                yrd.value = valeur * 0.33333333333334;
        }else if(id == "yrd"){
                km.value = valeur * 0.0009144;
                m.value = valeur * 0.9144;
                dm.value = valeur * 9.144;
                cm.value = valeur * 91.44;
                mm.value = valeur * 914.4;
                mi.value = valeur * 0.00056818181818181;
                inch.value = valeur * 36;
                ft.value = valeur * 3;
        }
}


Configuration: Windows / Chrome 96.0.4664.110
A voir également:

1 réponse

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
6 janv. 2022 à 22:36
Bonjour,

Je pense que tu as un souci sur la déclaration de tes variables...
Il existe deux mots clés pour initialiser une variable .. let et var
LET a une portée restreinte... contrairement à VAR

A la limite, pour les variables qui servent à "cibler" les éléments html de ta page, tu pourrais même utiliser le mot clé CONST (pour définir des constantes )

Si malgré cette correction tes soucis persistent, penses à regarder dans la console de ton navigateur si il n'y aurait pas des messages d'erreur..
N'hésites pas non plus à ajouter des console.log dans ton code pour voir ce qui se passe dedans ainsi que les valeurs des éventuelles variables.
0