Aller au menu - Aller au contenu

[Plan du site] Vous êtes ici --- > Le Site du Zéro > Les tutoriels > Non-Officiels > Site Web > Javascript > Apprenez le Javascript ! > Intermédiaire > TP : Créez un convertisseur € / F > Lecture du tutoriel

TP : Créez un convertisseur € / F

Vous vous apprêtez à lire un tutoriel rédigé par un membre de ce site. Malgré tout le soin que ce membre a pu apporter au tutoriel, nous ne pouvons pas garantir que les informations contenues sur cette page sont exactes à 100%. Merci de garder cela en tête lorsque vous lirez cette page ;o)
Avatar
Auteur : ZoZor
Note : 17 / 20 (5 votes)
Visualisations : 22 787

Plus d'informations Plus d'informations
Je vais en décevoir certains : malheureusement non, nous n'allons pas disséquer une grenouille :( . Par contre, vous allez déguster votre premier TP.
Qu'est-ce qu'un TP ?

TP vient de l'acronyme "Travaux Pratiques". En physique / chimie, c'est la plupart du temps là que vous devez en faire. Le devoir a un objectif que vous devez atteindre, comme réussir les expériences demandées. Ici, votre but sera d'arriver à finir l'exercice sans lire la correction. Pour le premier TP, nous allons aborder une chose assez simple, à savoir créer un convertisseur euros / francs.
Sommaire du chapitre :
Icône du chapitre
Chapitre précédent Sommaire Chapitre suivant

Prérequis

Nous allons créer un convertisseur ¬uros / Francs. Excusez-moi. Vous allez créer un convertisseur ¬uros / Francs dans ce chapitre ^^ . Que ce TP ne vous fasse pas peur, il est très simple à faire (du moins, si vous n'avez pas sauté de chapitre(s)). Voici un petit aperçu de ce que vous devrez réaliser.

Image utilisateur

Dans cet aperçu, du CSS a été intégré à la page. Cela ne nous intéresse pas, je veux juste que vous fassiez la partie javascript qui permet de convertir les Francs en ¬uros, et vice-versa. Cependant, vous pouvez rajouter des images ou du CSS pour illustrer votre page, c'est toujours plus accueillant qu'un truc fade.

La chose la plus difficile, dans ce TP, est de savoir combien vaut 1 ¬ en Francs. Pour passer de Francs à ¬uros, il faut multiplier par 6,55957. Et pour faire l'inverse, il faut diviser par 6,55957. Et voilà, vous avez toutes les infos pour pouvoir démarrer.

Mais je préfère quand même vous aider un peu plus. Sur l'image située plus haut, vous pouvez voir un "Convertir en ¬uros - Francs". Vous pouvez faire autrement, mais moi, j'ai décidé de faire comme ça. Quand on clique sur ¬uros, on passera la somme entrée en ¬uros (on la multipliera donc par 6.55957), et quand on clique sur Francs, on passera la somme entrée en Francs (donc, on la divisera par 6.55957).

C'est bon, je vous lâche. Débrouillez-vous tout seuls à présent, comme des grands :p . Faites-nous des trucs bien ! Et ne regardez pas la correction avant d'avoir terminé, sauf cas extrême où vous êtes bloqués depuis plusieurs heures (sinon, le TP ne serait d'aucune utilité pour vous).

"Good luck"
"Bonne chance"

Correction

Votre cerveau a surchauffé ? Vous avez eu une crise cardiaque ? Rassurez-moi, vous avez réussi à faire ce TP ?
Sinon, ce n'est pas normal ! C'est un exercice assez simple, donc vous auriez tous dû le réussir. Pour le faire, cela m'a pris à peine dix minutes. Ce n'est pas pour me vanter, mais vous devriez l'avoir terminé en 20 minutes, 30 minutes maxi. Enfin, du moment que vous n'avez pas regardé la correction et que vous avez réussi, alors vous avez fait du bon boulot ^^ .

Voici la correction tant attendue.

J'ai fait plusieurs choix pour créer mon script. Par exemple, j'ai créé une fonction qui contient un paramètre, la monnaie (euros ou francs). Vous n'êtes pas du tout obligés de respecter ces choix, vous auriez très bien pu créer deux fonctions, l'une convertissant les francs en euros, et l'autre, les euros en francs.
Un script qui fait une chose peut être créé de plusieurs manières : ainsi, si vous avez réussi le TP, il y a de grandes chances pour que votre script ne soit pas le même que le mien. D'ailleurs, c'est normal et ça prouve que vous avez les connaissances requises pour être arrivés jusqu'ici :) .


Code : JavaScript
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
function afficher(phrase) /* On crée une fonction afficher pour aller plus vite */
{
document.getElementById('resultat').value = phrase;
}

function convertir(monnaie)
{
var somme = document.getElementById('monnaie').value;
var resultat;

 if(isNaN(somme) || somme == '')
 {
 afficher('Vous n\'avez pas entré un nombre');
 }
 
 else
 {
    if(monnaie == 'euros') /* Histoire de savoir si on multiplie ou on divise par 6.55957 */
    {
    resultat = somme / 6.55957;
        afficher(resultat+'?');
    }
    else
    {
        resultat = somme * 6.55957;
        afficher(resultat+'F');
    }
 }
}  

/* On place du CSS pour faire plus joli */
document.getElementsByTagName('style')[0].innerHTML='a{color:navy;text-decoration:none;font-weight:bold;cursor:pointer;}a:hover{color:aqua;text-decoration:underline;}p{font-family:verdana,courrier,arial;}';
/* On crée un titre pour la page. Ce n'est pas nécessaire, mais ça fait plus classe ;o) */
document.write('<center><h2 style="color:navy;font-family:arial,verdana,courrier;"> Convertisseur ?uros/Francs </h2></center>');
/* On crée la zone de texte où le visiteur mettra la somme à convertir */
document.write('<p><input type="text" id="monnaie" style="border:1px solid black;background-color:navy;color:blue;"/> ');
/* On crée l'endroit où le visiteur choisira s'il veut convertir en francs ou en euros */
document.write('Convertir en <a onclick="javascript:convertir(\'euros\');">?uros</a> - <a onclick="javascript:convertir(\'francs\');">Francs</a><br/><br/>');
/* Et enfin, on crée une zone de texte pour afficher le résultat */
document.write('Résultat <input type="text" id="resultat" style="border:1px solid black;background-color:navy;color:blue;"/></p>');

J'espère que ce TP vous aura profité (c'est le but). Vous devriez avoir vu qu'un script peut être différent d'un autre et pourtant donner le même résultat au final. C'est très important, cela vous prouve qu'il y a plusieurs voies pour y arriver.

Vous avez aimé ce TP ? Vous allez adorer le chapitre suivant, tout simplement car c'est aussi un TP (eh oui, je vous fais plaisir : après tous ces chapitres difficiles, il vous faut bien une sorte de récompense :D ).
Chapitre précédent Sommaire Chapitre suivant
Retour en haut Retour en haut


Créé : le 28/06/2006 à 21:30:15
Modifié : le 22/08/2008 à 15:52:25
Avancement : 0%
Licence : Copie non autorisée

Changer de design | En savoir plus | Plan du site | Politique d'accessibilité | Règles | RSS tutoriels | RSS news
Édité par Simple IT SARL : Nous contacter | Notre blog | Revue de presse | Publicité

Y'a plus rien à lire, faut remonter maintenant !

Hébergement web - Correction de tutoriels - Créer un site
Vous souhaitez apparaître ici ? Contactez-nous.

Nombre de connectés 373 Zéros connectés | Requêtes SQL 8 requêtes | Temps de génération de la page : Total (SQL) 0.0263s (0.0111s)