Projet du CNAM - Suite de Syracuse

Introduction

Le but est de réaliser un ensemble de page affichant une suite de Syracuse en partant d'un nombre donner par l'utilisateur. Le projet doit contenir :

• Un DOM de chaque fichier.
• Un (ou plusieurs) fichier JS organisés inteligement.
• Une utilisation de Flex-box permettant l'aspect Responsive.
• Un (ou plusieurs) fichier CSS organisés inteligement.
• Un aspect graphique du site soigné.

Fichiers du projet

Arborescence

Le projet est séparer en un ensemble de fichier réparti comme suit :

• DOM
  • page_cat
    • cat.drawio
    • cat.html
    • cat.png
    • cat.svg
  • page_index
    • index.drawio
    • index.html
    • index.png
    • index.svg
  • page_syracuse
    • syracuse.drawio
    • syracuse.html
    • syracuse.png
    • syracuse.svg
• Fonts
• JS
  • func-syracuse.js
  • func-tableauResultat.js
  • func-APIfetcher.js
  • func-valueChecker.js
• Style
  • general.css
  • font.css
  • general.css
• index.html
• syrracuse.html
• cat.html
• sujet.pdf
• README.md <== Vous etes ici.

Description

Dossier

JS : Dossier contenant l'ensembe des fichiers javascript necessaire au bon fonctionnement du projet.
Style : Dossier contenant l'ensemble des fichiers css necessaire a la mise en page du projet.
Fonts : Dossier contenant l'ensemble des police de caractère utiliser pour le projet.
DOM : Dossier contenant les DOM des differentes pages.

fichier HTML

index.html : Page de garde décrivant un peu l'histoire derriere la suite de Syracuse, cette page mene syrracuse.html
syrracuse.html : Page lançant la suite de Syracuse du nombre entrer par l'utilisateur.
cat.html : Page lançant le script JS APIfetcher recuperant une image de chat aléatoire de l'API https://thecatapi.com/ et l'affiche.
DOM/cat.html : Page contenant le DOM de la page cat.html
DOM/index.html : Page contenant le DOM de la page index.html
DOM/syracuse.html : Page contenant le DOM de la page syracuse.html

fichier CSS

general.css : Contient le CSS "general", la mise en page des titre, de la couleur du fond etc...
flex.css : Contient le CSS modifiant les elements flex-container et flex-item des differentes pages.
font.css : Contient les FontFamily lié au dossier Font et modifiant les differentes polices de pages. (Texte, titre et bouttons)

fichier JS

func-syrracuse.js : Function prenant un entier en entrée et retournant la suite de Syracuse associé
func-tableauResultat.js : Functions permettant la création et destruction du tableau de résultat. Création prend 1 tableau en parametre et ecrit directement les valeurs du tableau dans une table HTML sur la page. Destruction cible le tableau de resultat et supprime les elements ajouter par la création.
func-APIfetcher.js : Script recuperant un .json depuis https://thecatapi.com/ contenant les informations concernant la photo generer. Notamment son URL, permettant ainsi l'affichage d'un chat aléatoire sur la page cat.html
func-valueChecker.js : Ensemble des fonction verifiant ce que l'utilisateur a pu tapper.

« les mathématiques ne sont pas encore prêtes pour de tels problèmes. » - Paul Erdős