Skip to content

Instantly share code, notes, and snippets.

@MaximePawlakFr
Last active December 19, 2016 09:07
Show Gist options
  • Save MaximePawlakFr/03ff8648f2a4eb3eee11705fe464811d to your computer and use it in GitHub Desktop.
Save MaximePawlakFr/03ff8648f2a4eb3eee11705fe464811d to your computer and use it in GitHub Desktop.

Intro

Step 1

Créer un fichier app.js permettant de saluer l'utilisateur. L'utilisateur saisit son nom dans un champ de texte. Quand l'utilisateur clique sur le bouton, le programme doit afficher juste en dessous *** "Bonjour {nom saisi} !" ***.

Si le champ est vide, le programme affiche *** "Bonjour Père Noël !" ***.

Spécifications

  • pas de mot clé 'function'
  • pas de concaténation de String
  • pas de de mot-clé 'var'
  • pas de jQuery : full Vanilla Javascript
  • architecture :
    • public/
      • index.html
      • style.css
      • (app.js généré depuis src/app.es6.js)
    • src/
      • app.es6.js

Tooling

  • ES6
  • babel

Step 2

Garder en mémoire sous forme de tableau la liste des noms saisies. Afficher cet historique sur la page et pour chacun des noms, mettre la première lettre en majuscule et le reste en minuscule.

Step 3

Ajouter un champ de recherche et un bouton au dessus de l'historique. Lorsque ce bouton est cliqué, n'afficher que les noms commençant par la chaîne de caractères saisie dans ce champ ('case insensitive')

Ressources

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment