Click to show TOC

TryITJs Tutorials

Basic Example

The code below is the .try file for the exaple

!head
  <title>First Tryit</title>
  @@include tools/head.try

!md 
    # Introduction
    This a very simple **TryITjs** file. It has only one page.

    ## Code example

    This is a simple code example to create a javascript array and display it.

    Press the RUN button to execute the code (you can eddit the code and run again if you like)

!tryit
    var array = [ 'a String', 1 , { name: 'tryit'} ]; // array with a `string`, `number`, and an `object`
    array


!md
    **What just happened**, if you execute the code above it will display the array just created. 

    __Note: the last expression `array` is displayed.

    <a href="some-more.html">More Example</a>
<script src="https://cdn.jsdelivr.net/npm/lodash@4.17.15/lodash.min.js"></script>
<script src="../two.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@10.2.0/build/styles/solarized-light.min.css">

Two Page Example

The following is the .try file used for this example

!head
  <title>Sligltly More elaborate example</title>
!md 
    # Introduction
    This is a slightly more elaborate example

    ## Code example

    This is a simple code example to create a javascript array and display it.

!tryit
    var array = [ 'a String', 1 , { name: 'tryit'} ]; // array with a `string`, `number`, and an `object`
    array


!md
    **What just happened**, if you execute the code above it will display the array just created. 

    _Note: the last expression `array` is displayed._

    ## Some simple notes

    * You can edit the example above and runit as may time as you want
    * The code changes its theme once you edit it to show you
    A variable created within a **!tryit** snippet  usin a ``let`` only exists in the snipped

!md
    # Another Page

    This is one more example in a new page. The is it my test.
!end

Creating UI

!head

!md
   # Create UI


!tryit



!end



Page - 1