JSFiddle - React, Tailwind, and code Playground

by eprouver

HTML

<p>What is logged?</p>

<code>
<div class="container"><div class="line number1 index0 alt2"><code class="jscript plain">(</code><code class="jscript keyword">function</code><code class="jscript plain">() {</code></div><div class="line number2 index1 alt1"><code class="jscript spaces">&nbsp;&nbsp;&nbsp;</code><code class="jscript keyword">var</code> <code class="jscript plain">a = b = 5;</code></div><div class="line number3 index2 alt2"><code class="jscript plain">})();</code></div><div class="line number4 index3 alt1">&nbsp;</div><div class="line number5 index4 alt2"><code class="jscript plain">console.log(b);</code></div></div>
</code>

<p>If we add 'use strict' does anything change?</p>

<code>

<div class="container"><div class="line number1 index0 alt2"><code class="jscript plain">(</code><code class="jscript keyword">function</code><code class="jscript plain">() {</code></div><div class="line number2 index1 alt1">
    <div><code>'use strict';</code></div>
    <code class="jscript keyword">var</code> <code class="jscript plain">a = b = 5;</code></div><div class="line number3 index2 alt2"><code class="jscript plain">})();</code></div><div class="line number4 index3 alt1">&nbsp;</div><div class="line number5 index4 alt2"><code class="jscript plain">console.log(b);</code></div></div>
</code>

<p>How would you write this function to print 'hellohellohello'?</p>

<code>
    console.log('hello'.repeatify(3));
    
</code>

<p>What will happen?</p>

<code>
<div class="container"><div class="line number1 index0 alt2"><code class="jscript keyword">function</code> <code class="jscript plain">test() {</code></div><div class="line number2 index1 alt1"><code class="jscript spaces">&nbsp;&nbsp;&nbsp;</code><code class="jscript plain">console.log(a);</code></div><div class="line number3 index2 alt2"><code class="jscript spaces">&nbsp;&nbsp;&nbsp;</code><code class="jscript plain">console.log(foo());</code></div><div class="line number4 index3 alt1"><code class="jscript...

CSS

p{
    color: blue;
}

*{
    font-family: Arial;
}

code{
    margin-left: 1em;
}