Click to show TOC
<!-- some in-line script -->
<script>
let words = ['sky', 'wood', 'forest', 'falcon',
'pear', 'ocean', 'universe'];
</script>
<!-- end of the inline script -->
We are per created an array words press Run button to execute
let words = ['sky', 'wood', 'forest', 'falcon',
'pear', 'ocean', 'universe'];
 
We use the $$.HTML function to do this. The other $$ functions are:
so
 
For this test me are just going to convert to JSON string
 
<style>
.item.yellow {
background-color: yellow;
}
</style>
# Cereate UI Element
var x = 1;
// hello
$$.HTML(`
<div class="ui menu">
<div class="header item yellow exec" id="tryit1-run">
Run <i class="caret square right icon"></i>
</div>
<button id="jump_tryit2" class="item circular ui icon yellow button jump_next"><i class="icon angle double down"></i></button>
<button id="jump_tryit2" class="item circular ui icon yellow button jump_back"><i class="icon angle double up"></i></button>
<div class="right menu">
<button id="ra_1" title="Execute all scripts above" class="ui right floated button circular icon green run_all"> <i class="fast backward icon"></i> </button>
</div>
</div>`)