<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Plus</title>

    <link rel="stylesheet" href="style.css">

</head>


<body>
    <header>
    <div class="Accueil">
        <div>
<div class="flex-container">
<div class="flex-item"><li><a href="index.html"> <font size=5> <FONT color="white">{ Accueil }</FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="desc.html"><font size=5><FONT color="white">{ Description }</FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="piano.html"><font size=5><FONT color="white">{ Jeu } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="detail.html"><font size=5><FONT color="white">{ Details } </FONT></FONT></a></li></div>
<div class="flex-item"><li><a href="plus.html"><font size=5><FONT color="white">{ Plus } </FONT></FONT></a></li></div>

    </div>
</header>

<section>
<div class="#">
   <center><i><font size=9> Plus </span></font></i></center>
    </div> 
</section>


<p><center> musique de fond : Gymnopédie n°1 par Erik Satie</center><p>

      </br></br>
  <h2><center><b> Problème rencontré </b></center></h2>
<table cellpadding="8" border='2' bordercolor="grey" align="center">
<tr><th> Sophia </th><th> Assia </th></tr>
<tr><td> Importer le site; Solution : Envoyer au professeur</td><td>Importer le site; Solution : Envoyer au professeur</td></tr>
<tr><td> Importer les fichier mp3 avec le programme; Solution :Indiquer et mettre en place les fichiers</td><td> Vocabulaire javascript; Solution :recherche google, tutoriel javascript </td></tr>
<tr><td> Mettre des gifs (interface graphique); Solution :Ajouter une taille à l'image</td><td>l'utilisation de vsCode ; solution tuto / utilisation d'un autre logiciel</td></tr>
<tr><td> Qualité du son ; Solution : Télécharger fichier mp3 sur internet</td><td>  </td></tr>
<tr><td> Taille des touches; Solution: Essayer toute les tailles</td>
<tr><td> Problème avec éditer un texte avec OneDrive; Solution: changer de application</td>
</table>

           </br></br>

  <h2><center><b> Variable communes </b></center></h2>
<table cellpadding="8" border='2' bordercolor="grey" align="center">
<tr><th> nom de la variable </th><th> utilité </th></tr>
  <tr><td> class="key white" </br> class="key black" </td><td> Indique si la touche est une touche blanche ou noir (pour pouvoir la colorer ensuite)</td></tr>
<tr><td>data-note="X" </br> id="X" </td><td>Indique de quel note il s'agit pour attribué ensuite l'audio a la touche correspondante</td></tr>
<tr><td>keyboard event </br>keyboard event</td><td> Fonctions de javascript permettant de faire une action si le joueur interagit avec la souris (mouse) ou le clavier (keybord)</td><td>
  <tr><td> const </td><td> permet de definir une variable en javascript</td></tr>
<tr><td> querySelectorAll </td><td>méthode renvoie tous les éléments du document qui correspondent à un sélecteur défini sous forme de liste d'objets</td></tr>
<tr><td>let</td><td> mot clé permettant de définir des variables au sein d'un bloc et des blocs qu'il contient</td></tr>


</table>


<p><center><i><font size=8>Code Sources</font></i></center></p><br>

<center><a href="codesource.zip"download="codesource"><font size=4><FONT color="white">Télécharger Code Sources</FONT></font></a></center>


<iframe height="0" width="0" src="fond.mp3"frameborder="0"allowfullscreen</iframe>
</body>
</html>