# Create a new function in the container

Developing in remote containers is just like developing on your own machine. Add a new endpoint to the API to make the light change rapidly.

{% tabs %}
{% tab title="Exercise" %}

* Add a new Function with the Azure Functions extension
* Call it "danceDance"
* Set the light color to a random hex value
* Restart the project with the VS Code debugger
* Visit the danceDance endpoint and refresh your browser
  {% endtab %}

{% tab title="Answer" %}

* Open the Command Palette (**Cmd/Ctrl + Shift + P**)
* Select "Azure Functions: Create Function"

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6MJr70NAhnBTrq5Qb%2Fimage.png?alt=media\&token=03e42a1c-055f-46ac-a113-147f495947ab)

* Select "HTTPTrigger" from the prompt

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6MT_BhHpvlMugkXxW%2Fimage.png?alt=media\&token=722c44a4-5073-4b0b-a984-99044e44354a)

* Name the function "danceDance"

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6Mb9NBak3Jeh9Jtci%2Fimage.png?alt=media\&token=91c69482-3567-4fad-95cc-9f9355e51668)

* Select "anonymous" at the next prompt

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6Mj14nBsHb5T-CjyF%2Fimage.png?alt=media\&token=18f3fa02-b919-47e9-b634-2c44f5ab216e)

* A new Function is created in a folder called "danceDance"
* The Function code file is automatically opened in VS Code

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6MtqbEPi0RvFBZtv_%2Fimage.png?alt=media\&token=cc23afa9-e94f-4d52-91db-adb8822b1a4e)

* Delete all the code from this "index.js" file and replace it with the following

```
const bulb = require("../bulb");

module.exports = async function(context, req) {
  // generate random hex color
  // taken from: https://www.paulirish.com/2009/random-hex-color-code-snippets/
  const hex = Math.floor(Math.random() * 16777215).toString(16);
  try {
    const result = await bulb.setColor(hex);

    context.res = {
      body: { color: hex }
    };
  } catch (err) {
    context.res = {
      body: { message: "LIFX Lamp API is unavailable" }
    };
  }
};
```

* Press **F5** to run the Function app
* Visit "<http://localhost:7071/api/danceDance>" and refresh the page as many times as you want

![](https://1151923643-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LlvtEHKkq5bvzPq1pJ4%2F-Lm6AhaqaDVJeCJlRoB-%2F-Lm6QOTrphLP4Wt7aGab%2Fimage.png?alt=media\&token=698c650e-4a11-49c2-8336-6fca6cb5760e)
{% endtab %}
{% endtabs %}