Correction Étape Bonus

Étape Bonus

Votre but dans cette étape est dans un premier temps remplacer la photo d'id 418 avec cette image source. Puis immédiatement après l'associer à l'album d'id 42.

https://jsonplaceholder.typicode.com/photos/418

PUT & PATCH

etapebonus.js

export const etapebonus = () => {
    let url = "https://jsonplaceholder.typicode.com/photos/418";
    let method = "PUT";

    fetch(url, {
        method: method,
        body: JSON.stringify({
            id: 418,
            title: "I am a teapot",
            url: "https://live.staticflickr.com/7006/6508102407_a4de65687b_c.jpg",
            thumbnailUrl: "https://live.staticflickr.com/7006/6508102407_a4de65687b_c.jpg"
        }),
        headers: {
            'Content-type': 'application/json; charset=UTF-8',
        },
    })
        .then((response) => response.json())
        .then((json) => {
            console.log("Etape Bonus 1/2 (Photos mise à jour) :", json)

            return fetch(url, {
                method: "PATCH",
                body: JSON.stringify({
                    albumId: 42
                }),
                headers: {
                    'Content-type': 'application/json; charset=UTF-8',
                },
            });
        }).then((response) => response.json())
        .then((json) => console.log("Etape Bonus 2/2 (Associée à l'album 42) :", json))
        .catch((error) => console.error("Erreur :", error));
}

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";
import {etape6} from "./etape6.js";
import {etapebonus} from "./etapebonus.js";

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

Résultat attendu

21 September 2026