code added

Author: diberry

articles/ai-services/openai/includes/dall-e-javascript.md

@@ -13,7 +13,7 @@ ms.date: 09/06/2024
 
 Use this guide to get started generating images with the Azure OpenAI SDK for JavaScript.
 
-[Library source code](https://github.com/Azure/azure-sdk-for-js/tree/main/sdk/openai/openai) | [Package (npm)](https://www.npmjs.com/package/@azure/openai) | [Samples](https://github.com/Azure/azure-sdk-for-net/blob/main/sdk/openai/Azure.AI.OpenAI/tests/Samples)
+[Reference documentation](https://platform.openai.com/docs/api-reference/images/create) | [Source code](https://github.com/openai/openai-node) | [Package (npm)](https://www.npmjs.com/package/openai) | [Samples](https://github.com/Azure/azure-sdk-for-js/tree/main/sdk/openai/openai/samples)
 
 ## Prerequisites
 
@@ -52,22 +52,10 @@ npm init
 
 Install the client libraries with:
 
-## [**TypeScript**](#tab/typescript)
-
-```console
-npm install openai @azure/openai @azure/identity
-```
-
-The `@azure/openai` package provides the types the Azure service objects.
-
-## [**JavaScript**](#tab/javascript)
-
 ```console
 npm install openai @azure/identity
 ```
 
----
-
 Your app's _package.json_ file will be updated with the dependencies.
 
 ## Generate images with DALL-E
@@ -77,6 +65,50 @@ Create a new file named _ImageGeneration.js_ and open it in your preferred code
 #### [TypeScript](#tab/typescript)
 
 ```typescript
+import "dotenv/config";
+import { AzureOpenAI } from "openai";
+
+// You will need to set these environment variables or edit the following values
+const endpoint = process.env["AZURE_OPENAI_ENDPOINT"];
+const apiKey = process.env["AZURE_OPENAI_API_KEY"];
+
+// Required Azure OpenAI deployment name and API version
+const apiVersion = "2024-07-01";
+const deploymentName = "dall-e-3";
+
+// The prompt to generate images from
+const prompt = "a monkey eating a banana";
+const numberOfImagesToGenerate = 1;
+
+function getClient(): AzureOpenAI {
+  return new AzureOpenAI({
+    endpoint,
+    apiKey,
+    apiVersion,
+    deployment: deploymentName,
+  });
+}
+async function main() {
+  console.log("== Image Generation ==");
+
+  const client = getClient();
+
+  const results = await client.images.generate({
+    prompt,
+    size: "1024x1024",
+    n: numberOfImagesToGenerate,
+    model: "",
+    style: "vivid", // or "natural"
+  });
+
+  for (const image of results.data) {
+    console.log(`Image generation result URL: ${image.url}`);
+  }
+}
+
+main().catch((err) => {
+  console.error("The sample encountered an error:", err);
+});
 ```
 
 1. Build the application with the following command: