Comment réinitialiser les zones de texte à une valeur nulle lorsque 2 zones de texte sont utilisées en utilisant un événement onchange en javascript?

Question

Si j'utilise deux zones de texte pour convertir une mesure en une autre. Il ne devrait pas remettre les valeurs à zéro. Cependant, j'utilise plus de deux zones de texte pour réinitialiser toutes les zones de texte à zéro.

Je peux simplement le faire en utilisant les événements onsubmit et onclick, mais comment le faire quand on utilise un événement onchange? Puisque chaque zone de texte a sa propre méthode ou fonction. Je suis perdu. Est-il possible de savoir si j'utilise plus de deux champs de texte et de le réinitialiser à zéro?

function convertfttocm(feet) { 
 
    var cm = feet * 12 * 2.54; 
 
    document.getElementById("ansfeet").value = cm.toFixed(2); 
 
} 
 

 
function feet(feet) { 
 
    var feet = 0; 
 
    document.getElementById("feet").value = cm.toFixed(2); 
 
} 
 

 
function convertkmtomi(kilometres) { 
 
    var mi = kilometres * (1/1.609344); 
 
    document.getElementById("anskm").value = mi.toFixed(2); 
 
} 
 

 
function kilometres(kilometres) { 
 
    var kilometres = 0; 
 
    document.getElementById("km").value = mi.toFixed(2); 
 
} 
 

 
function convertcmtoin(centimetre) { 
 
    var inch = centimetre * (1/2.54); 
 
    document.getElementById("anscm").value = inch.toFixed(2); 
 
} 
 

 
function centimetres(centimetres) { 
 
    var centimeres = 0; 
 
    document.getElementById("cm").value = inch.toFixed(2); 
 
}

Feet to Centimetre<br> 
 
<input type="number" name="feet" id="feet" onchange="convertfttocm(this.value);"><br> 
 
<input type="number" name="ansfeet" id="ansfeet" onchange="feet(this.value)"><br><br> 
 

 
Kilometres to Miles<br> 
 
<input type="number" name="km" id="km" onchange="convertkmtomi(this.value);"><br> 
 
<input type="number" name="anskm" id="anskm" onchange="kilometres(this.value);"><br><br> 
 

 
Centimetres to Inches<br> 
 
<input type="number" name="cm" id="cm" onchange="convertcmtoin(this.value);"><br> 
 
<input type="number" name="anscm" id="anscm" onchange="centimetres(this.value);">

Answer 1

Je ne suis pas sûr si je comprends bien votre question tout à fait, mais puisque vous êtes coder en dur tous vos calculs et conditions, vous pouvez effectuer les opérations suivantes. Exemple:

function convertkmtomi(kilometres) { 
    var mi = kilometres * (1/1.609344); 
    document.getElementById("anskm").value = mi.toFixed(2); 
    document.getElementById("_YOURID_").value = ''; 
} 

Vous pouvez appliquer toutes les permutations et voir si cela fonctionne pour vous.