| 1 | <!DOCTYPE html> | 
  | 2 | <html lang="es"> | 
  | 3 |  | 
  | 4 | <head> | 
  | 5 |  | 
  | 6 |  <meta charset="UTF-8"> | 
  | 7 |  <meta name="viewport" content="width=device-width"> | 
  | 8 |  | 
  | 9 |  <title>Acceso a base de datos</title> | 
  | 10 |  | 
  | 11 |  <script type="module" src="lib/js/consumeJson.js"></script> | 
  | 12 |  <script type="module" src="lib/js/muestraObjeto.js"></script> | 
  | 13 |  <script type="module" src="lib/js/muestraError.js"></script> | 
  | 14 |  | 
  | 15 | </head> | 
  | 16 |  | 
  | 17 | <body onload="consumeJson('srv/pasatiempos.php') | 
  | 18 |    .then(respuesta => muestraObjeto(document, respuesta.body)) | 
  | 19 |    .catch(muestraError)"> | 
  | 20 |  | 
  | 21 |  <h1>Acceso a base de datos</h1> | 
  | 22 |  | 
  | 23 |  <p><a href="agrega.html">Agregar</a></p> | 
  | 24 |  | 
  | 25 |  <ul id="lista"> | 
  | 26 |   <li><progress max="100">Cargando…</progress></li> | 
  | 27 |  </ul> | 
  | 28 |  | 
  | 29 | </body> | 
  | 30 |  | 
  | 31 | </html> |