Correction Étape 5

Étape 5 : modifier la première todo

Notre but dans cette étape est de modifier uniquement le champ qui indique la completion de la première todo de la liste.

Étape 5.1 : Identifier la bonne ressource dans la doc

https://jsonplaceholder.typicode.com/todos/1

Étape 5.2 : Identifier la bonne méthode

PATCH

Étape 5.3 : Créer le fichier JS de l'étape

Créez un fichier etape5.js et placez-y le code suivant :

export const etape5 = () => {
    
}

Étape 5.4 : remplir la fonction

etape5.js

export const etape5 = () => {
    let url = "https://jsonplaceholder.typicode.com/todos/1";
    let method = "PATCH";

    fetch(url, {
        method: method,
        body: JSON.stringify({
            completed: true,
        }),
        headers: {
            'Content-type': 'application/json; charset=UTF-8',
        },
    })
        .then((response) => response.json())
        .then((json) => console.log(json));
}

main.js

import {etape1} from "./etape1.js";
import {etape2} from "./etape2.js";
import {etape3} from "./etape3.js";
import {etape4} from "./etape4.js";
import {etape5} from "./etape5.js";

window.addEventListener("DOMContentLoaded", () => {
    // etape1();
    // etape2();
    // etape3();
    // etape4();
    etape5();
});

Résultat attendu

14 September 2026