test

assets/actions/register.php

@@ -5,4 +5,29 @@
  * ajouter une redirection sur la page de connexion si l'inscription est réussie ou sur la page d'inscription si elle échoue.
  */
 
-require_once __DIR__ . '/../db/Database.php';
+
+
+$username = htmlspecialchars($_POST['username']);
+$password = htmlspecialchars($_POST['password']);
+
+try{
+    require_once __DIR__ . '/../db/Database.php';
+    if($username && $password)
+    {
+        $statement = $pdo->prepare(
+            'INSERT INTO films (username, password) VALUES(:username, :password)'
+        );
+        $statement->bindValue('username',$username,PDO::PARAM_STR);
+        $statement->bindValue('pasword',$password,PDO::PARAM_STR);
+        $statement->execute();
+        header('location:login.php');
+
+    }
+
+    else{
+        header('location:register.php');
+    }
+}
+catch(PDOException $exception){
+    var_dump($exception);
+}

assets/css/index.css

@@ -15,6 +15,35 @@ body > header {
     font-size: 3rem;
     backdrop-filter: blur(10px); }
 
+
+main{
+  display : grid;
+  width : 100%;
+  grid-template-columns: 1fr;
+  row-gap: 1%;
+  justify-items: center;
+  
+}
+
+@media all and (min-width: 742px){
+    main{
+        width : 100%;
+        grid-template-columns: repeat(2,1fr);
+        grid-gap: 2%;
+        justify-items: flex-start; 
+    }
+}
+
+@media all and (min-width: 1140px){
+      main{
+        width : 100%;
+        grid-template-columns: repeat(3,1fr);
+    }
+}
+
+
+
+
 main {
   margin: 0 4rem; }
   main section a {
@@ -56,4 +85,7 @@ main {
         padding: 0.75rem;
         font-size: 0.75rem; }
 
+
+      
+
 /*# sourceMappingURL=index.css.map */

assets/js/loadGame.js

@@ -3,3 +3,62 @@
  * ajouter une fonction pour charger, en ajax, la quantité totale de jeux dans la base ( API = /assets/actions/gameTableSize.php). (3 points)
  * ajouter un événement sur le bouton "Load more" pour lancer la fonction créée au premier point. (1 point)
  */
+
+ document.getElementById('btn')
+ .addEventListener('click', async () => {
+     console.log('avant la requete')
+     
+     try {
+     const response = await fetch(
+         'http://localhost/exam/assets/actions/gameServer.php')
+     const data = await response.json()
+     console.log(data)
+     const dom =document.querySelector('main > section')
+ 
+     data.game.forEach(jeu => {
+ 
+         const div=document.createElement('div')
+ 
+         
+         const section = document.createElement('section')
+
+         const h2 = document.createElement('h2')
+         h2.innerText = jeu.name
+         section.appendChild(h2)
+
+         const img = document.createElement('img')
+         img.src = "/assets/img/"+jeu.nompic
+         img.alt = "Miniature du jeu"
+         section.appendChild(img)
+ 
+
+         const desc = document.createElement('p')
+         desc.innerText(jeu.description)
+         section.appendChild(desc)
+
+         const prix = document.createElement('h3')
+         prix.innerText(jeu.prix)
+         section.appendChild(prix)
+
+         const date = document.createElement('h3')
+         date.innerText(jeu.release_date)
+         section.appendChild(date)
+
+         dom.appendChild(section)
+ 
+     })
+     console.log(data)
+ 
+     } catch (error) {
+     console.log(error)
+     }
+ 
+     console.log('après la requete')
+ })
+ 
+ 
+ function masquervoirplus(){
+     var container_Elt = document.getElementById('btn');
+     container_Elt.style.display = 'none';
+ }
+ 
\ No newline at end of file

index.php

@@ -24,7 +24,7 @@ require_once __DIR__ . '/assets/template/head.php';
 
   <section></section>
 
-  <button>
+  <button id="btn" onclick="masquervoirplus()">
     <?= $translate->getTrad('home.loadMore') ?>
   </button>
 </main>

register.php

@@ -18,6 +18,20 @@ if ($userConnected) {
 require_once __DIR__ . '/assets/template/nav.php';
 ?>
 
+<form action="./assets/actions/register.php" method = "post">
+            <div>
+                <label for="username">Username</label>
+                <input type="text"  name="username" aria-required="true" required aria-labelledby="username">
+            </div>
+
+            <div>
+                <label for="password"> Password</label>
+                <input id="password" name = "password" aria-required="true" required aria-labelledby="password">     
+            </div>
+
+                <button type="submit">Envoyez !</button>
+        </form>
+
 <!-- ajouter un formulaire pour permettre à l'utilisateur de s'inscrire sur le site. Attention un style existe déjà, utilisez une structure pour permettre de l'adapter au mieux. -->
 
 <?php