Convertisseur :
<br>
<!-- Champ pour saisir la valeur
Chaque touche saisie appelle la fonction de verification verif() de la valeur qui empeche la saisie 
d'autre caractère que ceux du format indiqué dans la liste déroulante choix1 -->
<input id="valeur" onkeypress="return verif(event);" style="text-align:right;" >
<br>
<!-- Liste déroulante de choix du format de départ
Chaque changement dans la liste de choix appelle la fonction effacer() pour effacer le champ de saisie
afin de rendre obligatoire le passage par le contrôle de la saisie par la fonction de verification verif() -->
<select id="choix1" onchange="effacer();">
  <option value="1">Decimal</option>
  <option value="2">Hexadecimal</option>
  <option value="3">Binaire</option>
</select>
Vers 
<!-- Liste déroulante de choix du format d'arrivée -->
<select id="choix2">
  <option value="1">Decimal</option>
  <option value="2">Hexadecimal</option>
  <option value="3">Binaire</option>
</select>
<br>
<!-- Boutton qui lance la convertion en appelant la fonction resultat() -->
<button onclick="resultat();">Convertir</button>

<!-- Boutton pour effacer le champ de saisie -->
<input type="submit" value="effacer" onclick="effacer();">

<script>
function resultat() 
// Fonction qui liste toutes les convertions possible en fonction des choix
// Appelle pour chaque cas une fonction de convertion approprié et écrit le resultat dans le champs de saisie 
{
	var valeur = document.getElementById("valeur").value; //Stockage de la valeur saisie
	var choix1 = parseInt(document.getElementById("choix1").value); //Stockage du choix du format de départ 
	var choix2 = parseInt(document.getElementById("choix2").value); //Stockage du choix du format d'arrivée 
	var nbcar = valeur.length; //Stockage de la longueur de la chaîne saisie

	switch ( choix1 ) 
		{
		case 1 : // Traitement du cas avec une valeur saisie en decimal
		switch ( choix2 )
			{
			case 1 : // Convertion vers une valeur en decimal
			document.getElementById("valeur").value=valeur;
			document.getElementById("choix1").value="1";
			break;
			case 2 : // Convertion vers une valeur en hexadecimal
			document.getElementById("valeur").value=Base( valeur, 16 );
			// Positionement de la liste deroulante choix1 sur Binaire pour eviter une incohérence si on appuit à nouveau sur Convertir :
			document.getElementById("choix1").value="2";
			break;
			case 3 : // Convertion vers une valeur en binaire
			document.getElementById("valeur").value=Base( valeur, 2 );
			document.getElementById("choix1").value="3";
			break;
			}
		break;
		case 2 : // Traitement du cas avec une valeur saisie en hexadecimal
		switch ( choix2 )
			{
			case 1 : // Convertion vers une valeur en decimal
			document.getElementById("valeur").value=Decimal( valeur, 16 );
			document.getElementById("choix1").value="1";
			break;
			case 2 : // Convertion vers une valeur en hexadecimal
			document.getElementById("valeur").value=valeur;
			document.getElementById("choix1").value="2";
			break;
			case 3 : // Convertion vers une valeur en binaire
			// Convertion d'Hexadecimal en Decimal, puis de Decimal en Binaire
			document.getElementById("valeur").value=Base ( Decimal( valeur, 16 ), 2); 
			document.getElementById("choix1").value="3"; 
			break;
			}
		break;
		case 3 : // Traitement du cas avec une valeur saisie en binaire
		switch ( choix2 )
			{
			case 1 : // Convertion vers une valeur en decimal
			document.getElementById("valeur").value=Decimal( valeur, 2 );
			document.getElementById("choix1").value="1";
			break;
			case 2 : // Convertion vers une valeur en hexadecimal
			document.getElementById("valeur").value=Base ( Decimal( valeur, 2 ), 16); 
			document.getElementById("choix1").value="2";
			break;
			case 3 : // Convertion vers une valeur en binaire
			document.getElementById("valeur").value=valeur;
			document.getElementById("choix1").value="3"; 
			}
		break;
		}			
}

function Decimal( chiffre, puissance )
// Fonction qui convertit une valeur hexadecimal ou binaire en decimal
// La fonction prend en argument la puissance qui est de 2 pour le binaire et 16 pour l'hexadecimal
{
var nbcar = chiffre.length;
var resultat = 0; // Initialisation de la variable resultat à 0 afin que le cumul de la boucle for donne lieu à une addition

for ( i = 0; i < nbcar ; i++ ) // Boucle qui parcours chaque caractère de la chaine saisie
	{
	var calc = chiffre.substring( i,i+1 ) // Stockage du ieme caractère dans une variable
	switch( calc ) // Convertion de la lettre hexadecimal en valeur decimal correspondante
			{
			case "A" :
			calc = 10;
			break;
			case "B" :
			calc = 11;
			break;
			case "C" :
			calc = 12;
			break;
			case "D" :
			calc = 13;
			break;
			case "E" :
			calc = 14;
			break;
			case "F" :
			calc = 15;
			break;
			default:
			break;
			}
	resultat = resultat + calc*Math.pow( puissance, nbcar-(i+1)); // Cumul de la convertion de chaque carractère en decimal
	}
if (resultat > 1000000000000000000) // Contrôle de la valeur resultat obtenue pour afficher ou non le message d'erreur
	{
	alert ( "Depassement de capacité" ) ; // Message d'erreur pour prevenir les dépassement de capacité de l'ordinateur
	resultat = 0 ;
	}
return resultat; // Retour dans la fonction Resultat() de la valeur convertie
}

function Base( chiffre, puissance )
{
var reste;
var resultat = ''; //On initialise la variable avec un vide pour la definir en tant que caractère 
// et pouvoir concatener le resultat et non l'additionner
chiffre = parseInt( chiffre ); // Convertion de la chaine de caractère chiffre en valeur numérique
var memoire = chiffre; // Stockage de la valeur à convertir en mémoire

while ( chiffre != 0 ) // Boucle de calcul de la division euclidienne de la valeur saisie par 2 ou 16 suivant la convertion jusqu'à atteindre 0
	{
	reste = chiffre % puissance // Calcul du reste de la division
	switch( reste )
			{
			case 10 :
			reste = "A";
			break;
			case 11 :
			reste = "B";
			break;
			case 12 :
			reste = "C";
			break;
			case 13 :
			reste = "D";
			break;
			case 14 :
			reste = "E";
			break;
			case 15 :
			reste = "F";
			break;
			default:
			break;
			}		
	// On recupére à chaque étape de la division le reste qui est stocké dans la variable resultat 
	resultat = reste + '' + resultat; // La variable resultat concatene les restes successif à gauche du reste precedent
	chiffre = parseInt( chiffre/puissance ); // A chaque etape le chiffre prend la valeur du quotient de la division qui va lui même être divisé ...
	}

if ( memoire > 1000000000000000000 ) // Contrôle de la valeur saisie mémorisé au debut pour afficher ou non le message d'erreur
	{
	alert ( "Depassement de capacité" ) ;
	resultat = 0 ;
	}
return resultat;
}

function effacer()
// Fonction qui efface la zone de saisie
{
	document.getElementById("valeur").value="";
}

function verif(evt) //Verification du format de la valeur renseigné en fonction du choix de la liste "choix1"
{
	// Recuperation du choix du format de départ dans la liste déroulante "choix1" :
	var choix1 = document.getElementById("choix1").value;
	// Recuperation de la valeur du caractère entré dans le champ touche par touche :
	var touche = String.fromCharCode(evt.which);
	if ( choix1 == "1" ) // Positionnement de la liste choix1 sur Decimal
		{
		var chaine = "0123456789"; // On forme une chaine de caractère composé des seuls caractère autorisé
		// Si la valeur de la touche saisie n'est pas contenue dans cette chaine, la fonction renvoie -1
		if (chaine.indexOf(touche) == -1 ) return false; // En retournant false, la saisie ne sera pas autorisée
		else return true; // En retournant true, la saisie sera autorisée
		}
	if ( choix1 == "2" ) // Positionnement de la liste choix1 sur Hexadecimal
		{
		var chaine = '0123456789ABCDEFabcdef';
		if (chaine.indexOf(touche) == -1 ) return false;
		else return true;
		}
	if ( choix1 == "3" ) // Positionnement de la liste choix1 sur Binaire
		{
		var chaine = '01';
		if (chaine.indexOf(touche) == -1 ) return false;
		else return true;
		}
}
</script>