Tryit demo

We are going to demo some lodash functions

We are per created an array words press Run button to execute

 let words = ['sky', 'wood', 'forest', 'falcon', 
    'pear', 'ocean', 'universe'];

What is a dog?

A dog is a type of domesticated animal. Known for its loyalty and faithfulness, it can be found as a welcome guest in many households across the world.

Using some lodash functions 1 _

_.first
_.last

//This is some javascript code - press run to execute it
let firstWord =  _.first(words);
let lastWord = _.last(words);

// Note the last expression is displayed
$$.display({
   firstWord,
   lastWord
});

$$.HTML(
`<div class="ui card" data-html="<div class='header'>User Rating</div>
	<div class='content'>
		<div class='ui star rating'><i class='active icon'>
			</i><i class='active icon'></i>
			<i class='active icon'></i><i class='active icon'>
			</i><i class='active icon'></i>
		</div>
	</div>">
  <div class="image">
    <img src="https://semantic-ui.com/images/movies/totoro-horizontal.jpg">
  </div>
  <div class="content">
    <div class="header">My Neighbor Totoro</div>
    <div class="description">
      Two sisters move to the country with their father in order to be closer to their hospitalized mother, and discover the surrounding trees are inhabited by magical spirits.
    </div>
  </div>
  <div class="ui two bottom attached buttons">
    <div class="ui button">
      <i class="add icon"></i>
      Queue
    </div>
    <div class="ui primary button">
      <i class="play icon"></i>
      Watch
    </div>
  </div>
</div>`
)

Let's add some HTML

We use the $$.HTML function to do this. The other $$ functions are:

$$.display(value)
$$.clear()
$$.D2('eval-string') eval-string is a javascript expression in string from, the eval string and its value is displayed. This is useful for displaying variables name and value.
$$.HTML(somehtmlstring) - render html in the display area
$$.lastly( some-function ) - this will be executed after all the display rendering is completed

Hello HTML