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>Render en el cliente</title> |
10 | |
11 | </head> |
12 | |
13 | <body> |
14 | |
15 | <h1>Render en el cliente</h1> |
16 | |
17 | <dl id="lista"> |
18 | <dt>Cargando…</dt> |
19 | <dd><progress max="100">Cargando…</progress></dd> |
20 | </dl> |
21 | |
22 | <script> |
23 | |
24 | |
25 | const worker = new Worker("render.js", { type: "module" }) |
26 | |
27 | worker.onmessage = event => { |
28 | const respuesta = event.data |
29 | if (respuesta.resultado !== undefined) { |
30 | lista.innerHTML = respuesta.resultado |
31 | } else if (respuesta.error !== undefined) { |
32 | lista.innerHTML = "" |
33 | alert(respuesta.error) |
34 | } |
35 | } |
36 | |
37 | </script> |
38 | |
39 | </body> |
40 | |
41 | </html> |