Use interactive examples JS editor for Web API examples

[NiedziolkaMichal]

I would like to propose the usage of a JavaScript editor, for Web API functions that don't require any usage of HTML or CSS. It would be useful for example in Encoding, Performance, URL, many properties of Window, Navigator, Screen, and more.
Here is an example of how it could look for Screen.height:

@schalkneethling @wbamberg @Rumyra @bsmth @teoli2003 @nschonni @estelle Do you agree?

[bsmth]

Makes sense to me, I'd be curious what the rest of the team thinks, too!

[wbamberg]

I think this is a good idea! It would be good to do some analysis of which pages/APIs would benefit. I don't think the specific example you have here is a very good case (you can't actually change it to anything else and see a different result, which rather defeats the point of it being interactive). I think Performance would be tricky as well.

But for instance I can see it being useful for interfaces like URL or URLPattern.

[NiedziolkaMichal]

@wbamberg What about those one-liners, which just provide information about the output for individual users? I believe Navigator.UserAgent could be enriched with a such small example:

In this case, a quick look at the output would give quite a good understanding of what this property is about.

[wbamberg]

Related: mdn/interactive-examples#2347 (comment) .

[bsmth]

I've moved this over to the content category seeing as this should be easier to demo / test using the new interactive examples architecture