Premiers pas en JavaScript
50.1 emprunt bancaire :
présentation du calculateur
cuy copyleft
  See You Why?  

 


| | Calculateur emprunt - haut du calculateur (50.2)

Contenu


JavaScript 1 - Introduction
JavaScript 2 - Commentaires et instructions
JavaScript 3 - Variables
JavaScript 4 - Types de variables
JavaScript 5 - Variables et chaines
JavaScript 6 - Les fonctions
JavaScript 7 - Les fonctions à paramètre unique
JavaScript 8 - Les fonctions à paramètres multiples
JavaScript 9 - L'instruction RETURN dans une fonction
JavaScript 10 - Appel d'une fonction dans une autre fonction
JavaScript 11 - Les variables locales ou globales
JavaScript 12 - Quelques opérateurs mathématiques
JavaScript 13 - ???
JavaScript 14 - L'instruction IF, pour les conditions
JavaScript 15 - L'instruction IF... ELSE..., pour les conditions à deux sorties
JavaScript 16 - Les IF imbriqués et fonction aléatoire
JavaScript 17 - Les conditions complexes
JavaScript 18 - L'instruction SWITCH, en cas de choix multiples
JavaScript 19 - La boucle FOR
JavaScript 20 - La boucle WHILE
JavaScript 21 - Les événements dans la programmation
JavaScript 22 - Quelques événements : onMouseOver onLoad etc.
JavaScript 23 - Les objets
JavaScript 24 - Créer ses propres objets
JavaScript 25 - Appliquer des méthodes à ses objets
JavaScript 26 - Les tableaux
JavaScript 27 - Différentes façons de créer des tableaux
JavaScript 28 - Propriétés et méthodes applicables aux tableaux
JavaScript 29 - Les méthodes applicables aux tableaux
JavaScript 30 - Méthodes de tris pour tableaux SORT, REVERSE et PUSH
JavaScript 31 - Ajouter des éléments à un tableau en utilisant une boucle
JavaScript 32 - Tecnique pour imprimer les éléments d'un tableau
JavaScript 33 - Lecture de bases de données
JavaScript 34 - Les objets mathématiques
JavaScript 35 - Les objets relatifs aux dates
JavaScript 36 - Les formulaires JS sont des objets
JavaScript 37 - Accès aux éléments d'un formulaire
JavaScript 38 - Validation des entrées d un formulaire
JavaScript 39 - Graphisme et JavaScript

JavaScript 50 - Calculateur d'emprunt
50.1 JS : Présentation du calculateur
50.2 JS : le haut du calculateur
50.3 JS : le bas du calculateur
50.4 JS : dernières cellules et formulaire du calculateur
50.5 JS : les calculs JS du calculateur
JavaScript 51 - Calendrier perpétuel et options diverses
JavaScript 99 - Documentation


 
 

 
Avec un peu de JavaScript,
n'oubliez pas de rendre vos pages
plus dynamiques et plus interactives.
 

 
 

 
Notre volonté est de rendre cette formation de JavaScript,
disponible le plus rapidement possible.
Le lecteur excusera l'imperfection de ce travail en cours de construction
et pourrait nous informer des défauts rencontrés.

  MERCI
 

 

 

I. Présentation de notre calculateur

Depuis longtemps, nous rêvions de présenter un calculateur d'emprunt pour illustrer les possibilités de JavaScript... depuis, nous l'avons déjà réalisé en PHP, mais comme le but de cette formation est d'illustrer le JS, nous développerons chaque étape de la création de cet outil.

À quoi ressemblerait-il finalement ? Je vous en propose une version finale, nous la développerons ensemble :

C.U.Y. est un centre d'études à distance, pour mieux vous servir.

Votre avenir : être formé au C.U.Y.
Centre Universitaire Yourtown

Centre Universitaire de
Yourtown
 
rue des forges 39 - 7350 Yourtown
Tél: +32 (0)65 43 00 53
   Calculez vos remboursements
 
Bienvenue chez CUY

Notre HÉLHa
Contact
Rechercher
Calculatrice
Les nouvelles

Notre coup de coeur

Abonnez-vous gratuitement à
notre bulletin d'information!
Montant de l'emprunt
Taux d'intérêt %
Nombre de mensualités
Montant des mensualités
Instructions

Pour utiliser cette calculatrice, il suffit de compléter trois des quatre champs de ce formulaire, puis de cliquer sur le bouton "Calculer" en regard du paramètre à déterminer.

Attention: Les résultats peuvent comporter certaines erreurs d'arrondi.
Contactez votre organisme financier avant de prendre votre décision de financement.
Pour remettre le formulaire à zéro, cliquez sur
Site pédagogique réalisé par GVdK = CUY

À vous de l'essayer ici.

Ce travail se décomposera en plusieurs étapes. Nous nous proposons de développer :

  1. Création de la partie supérieure du calculateur.
    Il s'agit de HTML pur, sans JavaScript.
  2. Création du bas du calculateur. Les deux premières cellules semblent faciles à réaliser.
    Pas de JavaScript, même s'il s'avérera utile d'en ajouter dans la suite.
  3. Les deux dernières cellules du calculateur.
    À gauche, un menu à mettre au point...
    à droite, le formulaire (approche HTML uniquement).
  4. Enfin le calcul et le JavaScript commencent...
    Les différentes fonctions décrites et expliquées.

 

Bonne lecture et bon courage.

 

d'après une page réalisée par Wildcroft Design
consultée le 14 juin 2003
pour l'Agence Clermont Immobilier, rue Fongiève à Clermont-Ferrand

 

II. Création de la partie supérieure du calculateur

voir suite >>>

 

III. Création du formulaire de la partie inférieure du calculateur

voir suite >>>

 

IV. Dernières cellules du formulaire de la partie inférieure du calculateur

voir suite >>>

 

V. Premiers calculs JS du calculateur

voir suite >>>


| | Calculateur emprunt - haut du calculateur (50.2)