---

document.getElementById("createpromise").addEventListener("click", () => {
    getServerUserData();
});

async function getServerUserData() {
    try {
        const response = await fetch(
            "https://jsonplaceholder.typicode.com/users/1"
        );

        const user = await response.json();

        document.getElementById("result").innerHTML = `
            <h2>Данные пользователя</h2>
            <p><b>Имя:</b> ${user.name}</p>
            <p><b>Username:</b> ${user.username}</p>
            <p><b>Email:</b> ${user.email}</p>
            <p><b>Телефон:</b> ${user.phone}</p>
        `;

    } catch (error) {
        document.getElementById("result").innerHTML =
            `Ошибка: ${error.message}`;
    }
}