本当にシンプルなコードです

Azure側の準備が終わって簡単に簡単にそれっぽく試したい。
これを元手にHTMLや機能をリッチにしていきたい。
そんなコードです。

わざわざQiitaに投稿するほどのものではないのですがそれでもこういう最小サンプルは初学者の何かの役に立つと思うので投稿しちゃいます！

コードはこれ

APIキーやデプロイ情報は各自読み替えてください。
結果はコンソールに出るだけです。

<!DOCTYPE html>
<html lang="ja">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>AI</title>
</head>

<body>
    <script>
        let userMessage = 'こんにちは'
        let systemsettings = {
            "role": "system",
            "content": `
                会話のシミュレーションを行います。
                ・ビジネスコンサルタントです
                ・フレンドリーに前向きです
                ではシミュレーションを開始します。
            `
        }

        let message = [];
        message.push(systemsettings);
        message.push({ 'role': 'user', 'content': userMessage });

        const url = 'https://*****.openai.azure.com/openai/deployments/*****/chat/completions?api-version=*****';
        fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'api-key': '*****',
            },
            body: JSON.stringify({
                'model': 'gpt-3.5-turbo',
                'stream': false,
                "max_tokens": 400,
                "temperature": 0.7,
                "frequency_penalty": 0,
                "presence_penalty": 0,
                "top_p": 0.95,
                "stop": null,
                'messages': message,
            }),
        })
        .then((response) => {
            return response.json();
        })
        .then((data) => {
            console.log(data.choices[0].message.content);
        });
    </script>
</body>

</html>