Chiavi lette dallo script

Fa parte della sezione API JSON del percorso Django di Coddy. Lezione 13 di 19.

Il nuovo app.js aggiunge un riepilogo sopra l’elenco, creato a partire da /api/stats/. Uno script e il tuo lato Django si incontrano nei nomi: gli id che cerca nella pagina e le chiavi che legge dal JSON.

const stats = await response.json();
summary.textContent = stats.open + " open, " + stats.done + " done";

stats.done legge la chiave "done" dal tuo JSON. Se una chiave manca nel JSON, non viene generato alcun errore: JavaScript la legge come undefined e stampa quella parola sulla pagina. Se manca un id, l’errore è altrettanto silenzioso e compare solo nella console del browser. Quindi leggi prima lo script: sono i suoi nomi a determinare i tuoi, lettera per lettera.

Sfida

Medio

Leggi il nuovo app.js, poi forniscigli ciò di cui ha bisogno:

Nella pagina iniziale, il paragrafo di riepilogo con l’id che lo script cerca, sopra il tag script.
In /api/stats/, la chiave che il riepilogo legge per le attività non completate, accanto a total e done.

Premi Run: il riepilogo mostra 2 open, 1 done.

Provalo tu

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Task tracker</title>
</head>
<body>
    <h1>Task tracker</h1>
    <ul id="task-list"></ul>
    <script src="{% static 'tasks/app.js' %}"></script>
</body>
</html>