Add examples for async iterators and generators.

[jpmedley]

https://www.chromestatus.com/feature/5727385018171392

[welcome]

💖 Thanks for opening this pull request! 💖
Here is a list of things that will help get it across the finish line:

• If this is a new or updated CSS interactive example, please ensure that you followed the CSS styleguide - If this is a new or updated JavaScript interactive example, please ensure that you followed the JavaScript styleguide - If your changes affects any of the steps in our contribution docs, please also make the relevant changes there.

[jpmedley]

Is there anything I can do to move this forward?

[chrisdavidmills]

@wbamberg — flagging this one.

[schalkneethling]

Hey @jpmedley Thanks for your pull request. Apologies for how long it has taken for someone to take a look at it. Couple of items

You will need to add the following entries to the meta.json file inside live-examples/js-examples/statement. This is so that the relevant pages for the examples are built:

...
"statementAsyncForIn": {
    "baseTmpl": "tmpl/live-js-tmpl.html",
    "exampleCode":
        "live-examples/js-examples/statement/statement-async-for-in.html",
    "fileName": "statement-asyncforin.html",
    "title": "JavaScript Demo: Statement - Async For In",
    "type": "js"
},
"statementAsyncFunctionAsterisk": {
    "baseTmpl": "tmpl/live-js-tmpl.html",
    "exampleCode":
        "live-examples/js-examples/statement/statement-async-function-asterisk.html",
    "fileName": "statement-asyncfunctionasterisk.html",
    "title": "JavaScript Demo: Statement - Async Function Asterisk",
    "type": "js"
},
...

The following the general file naming conventions, and specifically the one's in this folder. I would change the filenames to the following:

statement-async-for-in.html
statement-async-function-asterisk.html

With the above you can test these examples locally by running npm start from the terminal, and then pointing your browser at http://localhost:9090/pages/js/

For the for-in example specifically, I get the following output when running the example:

> "Regular iterator"
> [object Promise]
> [object Promise]
> [object Promise]
> "Async iterator"
> 0.7360924091
> 0.7858652753
> 0.5627363239

Perhaps that is the intended output? I would recommend adding a comment to each console.log that demonstrates the expected output to the end user. Thanks again for your contribution. o/\o

[schalkneethling]

See comment here #1036 (comment) with requested changes.

[jpmedley]

PTAL

[jpmedley]

Now PTAL.

[schalkneethling]

@jpmedley One small typo, other than that, this works great! Thanks! r+w/c

[schalkneethling]

Looks to be a small typo here:

"Print randomly generated numbers until reset is clicked the random number exceeds 0.95."

to

"Print randomly generated numbers until reset is clicked, (or) the random number exceeds 0.95."

[schalkneethling]

@jpmedley No worries, let me fix that one, and merge. Thanks again for your contribution.

[welcome]

Congrats on merging your first pull request! 🎉🎉🎉