Correction Étape 4

Étape 4 : remplacer la première todo

Notre but dans cette étape est de remplacer et d'afficher dans la console JavaScript la première todo de la liste.

Étape 4.1 : Identifier la bonne ressource dans la doc

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

Étape 4.2 : Identifier la bonne méthode

PUT

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

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

export const etape4 = () => {
    
}

Étape 4.4 : remplir la fonction

etape4.js

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

    fetch(url, {
        method: method,
        body: JSON.stringify({
            userId: 1,
            title: "Ma super nouvelle première Todo",
            completed: false,
            id: 1
        }),
        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";

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

Résultat attendu pour l'étape 4

14 September 2026