. Par contre, vous allez déguster votre premier TP.
. 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.
. 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).
.
.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>'); |
).
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.
373 Zéros connectés |
8 requêtes |
0.0263s (0.0111s)