JSFiddle - React, Tailwind, and code Playground

by Rajasekar Elango

HTML

<head>
<link rel="stylesheet" type="text/css" href="https://doculet.net/css/asciidoc/colony.min.css" media="all"
><link rel="stylesheet" type="text/css" href="https://doculet.net/css/asciidoc/highlightjs/idea.min.css" media="all"><link rel="alternate" type="application/json+oembed" href="https://doculet.net/oembed?url=https://doculet.net/doc/8d03c78d367928f569d9e3dbad8644fa/index.html"></head><body><h1>Your Title</h1>
<div class="paragraph">
<p>Start writing…​.</p>
</div>
<div class="paragraph">
<p>Here is a code example to get you started.</p>
</div>
<div id='doculet-embed'>
<div class="listingblock">
<div class="title">find_max.py</div>
<div class="content">
<pre class="highlightjs highlight"><code class="language-python hljs" data-lang="python">numbers = [<span class="hljs-number">10</span>,<span class="hljs-number">50</span>,<span class="hljs-number">20</span>,<span class="hljs-number">30</span>,<span class="hljs-number">100</span>,<span class="hljs-number">60</span>]
maxValue = <span class="hljs-number">0</span>  <i class="conum" data-value="1"></i><b>(<span class="hljs-number">1</span>)</b>
<span class="hljs-keyword">for</span> n <span class="hljs-keyword">in</span> numbers:
    <span class="hljs-keyword">if</span> n &gt; maxValue: <i class="conum" data-value="2"></i><b>(<span class="hljs-number">2</span>)</b>
        maxValue = n

print(<span class="hljs-string">"Max is : "</span> + str(maxValue)) <i class="conum" data-value="3"></i><b>(<span class="hljs-number">3</span>)</b></code></pre>
</div>
</div>
<div class="colist arabic">
<table>
<tbody><tr>
<td><i class="conum" data-value="1"></i><b>1</b></td>
<td>Initialize maxValue to smallest value</td>
</tr>
<tr>
<td><i class="conum" data-value="2"></i><b>2</b></td>
<td>If current number is greater than maxValue, update maxValut to current.</td>
</tr>
<tr>
<td><i class="conum" data-value="3"></i><b>3</b></td>
<td>Prints 100.</td>
</tr>
</tbody></table>
</div>
</div></body>

CSS

#doculet-embed {
  border: 1px solid black;
}