Fix the example: remove api token error when we fetch recipes

[caarmen]

Description

This fixes a minor bug where we had an error message in the recipe selection list.

Steps to reproduce:

• open the example page
• copy your api token
• expected behavior: the recipes list is populated
• actual behavior: the recipes list is populated BUT there's still an error about a missing api token

Before:

With the fix:

Type of change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)

Checklist

• I've read & comply with the contributing guidelines
• I have tested my code for new features & regressions on both mobile & desktop devices, using the latest version of major browsers.
  • Not really, it's "just" an example 🤞🏻 😅
• I have made corresponding changes to the documentation (README.md).
  • I don't think anything is needed.
• I've checked my modifications for any breaking changes.
  • Not really, it's "just" an example 🤞🏻 😅

[jparez]

well play, but the bug is worth that what you detect. Every time the input apitoken loose focus, the recipes list is added to the previous.

This will fix all issues

const selectElement = document.querySelector('#listRecipes');
     // Flush select before adding new options
      selectElement.innerHTML = '';
 const placeholderOption = document.createElement('option');

[caarmen]

well play, but the bug is worth that what you detect. Every time the input apitoken loose focus, the recipes list is added to the previous.

Ah, nice catch! 😅

I've adjusted the fix with your suggestion. Thanks!

[jparez]

LGTM, thank for this PR !