Générateur de citations

N’ayant pas l’habitude de développer des algorithmes, j’ai décidé de m’initier en ce sens, à travers le langage de programmation suivant : JavaScript. Je me suis lancé un défi ! Construire un générateur de citations. Mon objectif était de construire aléatoirement des citations, tout en assemblant des morceaux de phrases. 😉

Tout d’abord, j’ai pris l’initiative d’aller observer des générateurs de textes en ligne. Pour ce faire, il m’a tout simplement suffit de taper “générateur de citations” dans la barre de recherche de mon navigateur. Ensuite, j’ai observé le code de quelques sites web de générateur de citations. Particulièrement, la partie touchant au JavaScript

À travers cela, j’ai vu que chaque générateur de citations avait sa propre façon de faire. j’ai donc décidé de m’inspirer d’une de ses façons. J’ai privilégié celle que je comprenais le mieux, étant donné que je débutais tout juste la programmation. En effet, auparavant je connaissais uniquement les langages suivants : HTML & CSS.

J’ai décidé  de concevoir mes citations à partir de 3 morceaux de phrase (un début, un milieu et une fin). À défaut d’être compréhensible, il fallait que j’arrive à obtenir des citations cohérentes. Je n’avais pas envie de me retrouver avec un point d’interrogation en plein milieu de la phrase ! 🙄

Après moult péripéties, j’avais enfin réussi à obtenir quelque chose d’intéressant ! Cependant, je n’avais pas envie de m’arrêter là. J’avais envie d’aller plus loin, et de présenter un travail plus pertinent, et aussi moderne. J’ai donc corsé le défi ! Et pour cela, j’ai décidé de concevoir un site permettant aux internautes de configurer les citations.

J’ai commencé par la partie touchant au design. J’avais envie d’un site qui attire l’œil. Or, un jour avant de commencer à faire le site, j’avais vu le dernier film MARVEL sorti au cinéma. L’idée m’est venu de suite ! Pour attirer, quoi de mieux que du rouge ?! J’ai donc intégré cette couleur à mon site, tout en y mettant un logo MARVEL. Je n’ai pas mis n’importe quelle rouge, mais celui que MARVEL utilise pour son propre logo. Comme ça, le logo ne ferait qu’un avec mon site. 

Puis, j’ai intégré à mon code non pas 1, mais 2 types de générateurs de citations. Étant donné le thème de mon site, j’ai pensé à un générateur de citations pour les SUPER-HÉROS, et un autre, pour les SUPER-VILAINS. Les internautes auront donc le choix entre ces 2 types de citations, et ils pourront en faire apparaître plusieurs en même temps. En effet, j’ai aussi ajouté au site, une case permettant de sélectionner le nombre de citations que l’on souhaite faire apparaître (entre 1 et 5 citations). 🙂

Soignant le côté esthétique, au lancement du site, les cases pour choisir le nombre et les citations n’apparaissent pas de suite. Pour réaliser ceci, il suffit de cliquer sur le bouton “Mettre en route le générateur“. Une fois cela fait, vous n’avez plus qu’à choisir le nombre et les citations que vous voulez faire générer. Et bien-sûr, n’oubliez pas de cliquer sur le bouton “Générer“. 

Envie de voir à quoi ressemble ce site web ? Vous n'avez plus qu'une chose à faire.

flèche qui permet de revenir au début du site

Ce site web utilise des cookies afin de vous garantir la meilleure expérience possible.