Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="fr">
<head>
  <meta charset="UTF-8">
  <title>Page 2 - Réception</title>
  <style>
    table {
      border-collapse: collapse;
      width: 60%;
      margin: 20px auto;
    }
    th, td {
      border: 1px solid #999;
      padding: 8px 12px;
      text-align: left;
    }
    th {
      background-color: #f2f2f2;
    }
  </style>
</head>
<body>
  <h2 style="text-align:center">Page 2 : Données reçues</h2>
  <div id="table-container"></div>

let html = "<table>";
      html += "<tr><th>ID</th><th>Nom</th><th>Âge</th></tr>";

data.forEach(item => {
        html += `<tr><td>${item.id}</td><td>${item.nom}</td><td>${item.age}</td></tr>`;
      });

html += "</table>";
      container.innerHTML = html;
    }

// Récupération depuis localStorage
    const donneesJSON = localStorage.getItem("donneesUtilisateurs");
    const donnees = JSON.parse(donneesJSON);

afficherTableau(donnees);
  </script>
</body>
</html>