Correction Étape 3

Étape 3 : créer une todo pour le premier utilisateur

Étape 3.1 : Identifier la bonne ressource dans la doc

https://jsonplaceholder.typicode.com/todos

Étape 3.2 : Identifier la bonne méthode

POST

let todo = 
{
    userId : 42,
    title : "Ma nouvelle todo",
    completed : false
}

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

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

export const etape3 = () => {
    
}

Étape 3.4 : remplir la fonction

etape3.js

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

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

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

Résultat attendu pour l'étape 3

14 September 2026