Changed code block notation to runkit executable block for variable.md

[yashwanth2804]

Please make sure that github dont support {% runkit %} tag but dev.to does, so change any occurence of markdown code block to runkit.

this is actual template.

{% runkit
// hidden setup JavaScript code goes in this preamble area
const hiddenVar = 42
%}
// visible, reader-editable JavaScript code goes here
console.log(hiddenVar)
{% endrunkit %}

Thank you for the great article once again, I wish i had time contributing to this.

[hardy613]

Hey,

I think I understand, ill try this out on dev.to

[yashwanth2804]

@hardy613 have edited post on dev

[hardy925]

Hey, I did try this on my post; unfortunately it seems the embedded version of runkit used on dev.to does not have support for template literals. Unless I am missing something.

Markdown:

Result:

[yashwanth2804]

I think the line 2 has issues,
it should be
const str = `Here's my favorite number ${number}`;

[hardy925]

@yashwanth2804

I provided two images, one being the mark-up (first image) and you can see I have the template literal syntax correct in the markup however it is not correct in the runkit demo.

I am going to close this request as it seems runkit is not supporting es6 template literals, again if I am missing something or if you can provide an example (using dev.to's runkit embedded version) feel free to re-open.

Thank you.

[hardy925]

@yashwanth2804

It is def an an issue with dev.to markup parser, as you can see here:

RunKit works fine with template literals in their demo environment.

[hardy925]

@yashwanth2804 I have opened an issue: forem/forem#1431

[hardy925]

The issue report has been approved on dev.to. This request may come sooner than I thought.