|
|
| (2 versions intermédiaires par le même utilisateur non affichées) |
| Ligne 102 : |
Ligne 102 : |
| | var affiche = resultat; | | var affiche = resultat; |
| | if (typeof resultat !== 'string') { | | if (typeof resultat !== 'string') { |
| − | affiche = resultat.toString(); | + | affiche = resultat.toString().replace(/,/g,''); |
| | } | | } |
| | document.getElementById('resultat').innerHTML = affiche; | | document.getElementById('resultat').innerHTML = affiche; |
| Ligne 156 : |
Ligne 156 : |
| | | | |
| | | | |
| − | <div class="toccolours mw-collapsible mw-collapsed" style="width:700px"> | + | <div class="toccolours mw-collapsible mw-collapsed" style="width:1100px"> |
| | <big>index.html</big> | | <big>index.html</big> |
| | <source lang="javascript" style="border:1px solid black;font-size:130%" class="mw-collapsible-content"> | | <source lang="javascript" style="border:1px solid black;font-size:130%" class="mw-collapsible-content"> |
| Ligne 184 : |
Ligne 184 : |
| | </source> | | </source> |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | = Exécution = |
| | + | [[Image:algo-js-td3-exec.png|centré]] |
Version actuelle datée du 24 mars 2014 à 14:51
Introduction
On souhaite passer de la base dix à la base huit (base octale) puis de la base huit à la base dix.
Exemple
Conversion de 
en base 8.
| 1205 = |
150 x 8 + 5
|
| 150 = |
18 x 8 + 6
|
| 18 = |
2 x 8 + 2
|
| 2 = |
0 x 8 + 2
|
|
| Dividende |
reste
|
| 1205 |
5
|
| 150 |
6
|
| 18 |
2
|
| 2 |
2
|
|
|
Exercice 1
Ecrire une fonction decimal_octal(n) dont le param`tre est un entier n. Cette fonction renvoie le nombre n en base 8 sous forme de liste
Exemple : n= 1205, decimal_octal(n) renvoie la liste [2, 2, 6, 5]
afficher
Exercice 1
function decimal_octal(decimal) {
var resultat = new Array();
var fin = false;
var quotient = decimal;
var i = 0;
while (!fin) {
resultat[i] = quotient % 8;
quotient = Math.floor(quotient / 8);
if (quotient == 0) {
fin = true;
}
i++;
}
return resultat.reverse();
}
Exercice 2
Ecrire une fonction octal_decimal(n), dont le param`tre est la liste n d’entiers. Cette fonction renvoie le nombre n, écrit en octal, en décimal.
Exemple : n = [2, 2, 6, 5], octal_decimal(octal) renvoie 1205
afficher
Exercice 1
function octal_decimal(octal) {
var resultat = 0;
var i = octal.length - 1;
for (index in octal) {
resultat += octal[index] * Math.pow(8, i);
i--;
}
return resultat;
}
Exercice 3
Ecrire un page qui permet d'utiliser votre programme grâce à :
- un champ input de type text pour la saisie d'un nombre;
- une liste de deux boutons radio pour choisir le type de conversion;
- une div qui permettra l'affichage de la conversion;
afficher
global.js
function getBase() {
var bases = document.getElementsByName('base');
for ( var index in bases) {
if (bases[index].checked == true) {
return bases[index].value;
}
}
return false;
}
function afficheResultat(resultat) {
var affiche = resultat;
if (typeof resultat !== 'string') {
affiche = resultat.toString().replace(/,/g,'');
}
document.getElementById('resultat').innerHTML = affiche;
}
afficher
base.js
function decimal_octal(decimal) {
var resultat = new Array();
var fin = false;
var quotient = decimal;
var i = 0;
while (!fin) {
resultat[i] = quotient % 8;
quotient = Math.floor(quotient / 8);
if (quotient == 0) {
fin = true;
}
i++;
}
return resultat.reverse();
}
function octal_decimal(octal) {
var resultat = 0;
var i = octal.length - 1;
for (index in octal) {
resultat += octal[index] * Math.pow(8, i);
i--;
}
return resultat;
}
function changement() {
var nombre = document.getElementById('number').value;
var base = getBase();
var resultat = "";
if(base == "octal"){
resultat = decimal_octal(nombre);
}else{
nombre = nombre.split('');
console.log(nombre);
resultat = octal_decimal(nombre);
}
afficheResultat(resultat);
}
afficher
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Conversion base</title>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/base.js"></script>
</head>
<body>
Entrez un nombre:
<input type="text" id="number">
<div style="border-top: 1px solid black; width: 25%; margin-top: 1%">
Veuillez choisir une base: <br /> <input type="radio" name="base" value="octal" checked="checked"> octal
<br />
<input type="radio" name="base" value="decimal"> décimal
</div>
<div style="border-top: 1px solid black; width: 25%; margin-top: 1%">
<button onClick="changement();">Afficher le résultat</button>
</div>
<div style="border-top: 1px solid black; width: 25%; margin-top: 1%" id="resultat">
</div>
</body>
</html>
Exécution
