Sommaire

Intégrer un nouveau développement

Suite aux demandes de son client, Raphael va devoir modifier l’application. En effet, le client souhaite pouvoir ajouter une couleur de son choix pour chaque anniversaire. Le client veut payer le moins possible et demande donc la solution la moins onéreuse et la plus simple.

Raphaël modifie donc le fichier anniversaire.html de la sorte :

  • En dessous du champ date, il ajoute un champ pour définir la couleur :

<br />Couleur (ex : 0F0): <input type="text" id="couleur" />
  • Il modifie ensuite les fonctions anniv_ajout() et anniv_liste() du fichier static/js/anniversaire.js :

function anniv_ajout() { 
    anniv_personne = document.querySelector(’#anniv_personne’).value; 
    anniv_date = document.querySelector(’#anniv_date’).value; 
    couleur = document.querySelector(’#couleur’).value; 
    anniversaire = { 
        ’anniv_personne’: anniv_personne, 
        ’anniv_date’: anniv_date, 
        ’couleur’: couleur 
    }; 
    nb_anniv = anniv_get_nb_anniv(); 
    localStorage.setItem(nb_anniv.toString(), JSON.stringify(anniversaire)); 
    nb_anniv++; 
    localStorage.setItem(’nb_anniv’, ...