picatz/builderJS_example_clock.html

## builderJS_example_clock.html
<!DOCTYPE html>
<html>
  <script src="https://cdn.rawgit.com/picatz/builderJS/8ca588fc/src/builder.js"></script>
</html>

<script>
  // instantiate a new builder
  var b = new Builder();

  // getTime() is a simple function to return the current
  // time in the HH:MM:SS format
  function getTime() {
    return new Date().toLocaleString().split(", ")[1]
  }

  // currentTime element is an h1 HTML element that updates
  // itself every second to show the current time using the
  // getTime() function
  var currentTime = b.heading({
    text: getTime(),
    events: {
      tick: function() { currentTime.innerText = getTime() }
    }
  })

  // append currentTime element to the document's body
  b.append(currentTime)
</script>
	<!DOCTYPE html>
	<html>
	<script src="https://cdn.rawgit.com/picatz/builderJS/8ca588fc/src/builder.js"></script>
	</html>

	<script>
	// instantiate a new builder
	var b = new Builder();

	// getTime() is a simple function to return the current
	// time in the HH:MM:SS format
	function getTime() {
	return new Date().toLocaleString().split(", ")[1]
	}

	// currentTime element is an h1 HTML element that updates
	// itself every second to show the current time using the
	// getTime() function
	var currentTime = b.heading({
	text: getTime(),
	events: {
	tick: function() { currentTime.innerText = getTime() }
	}
	})

	// append currentTime element to the document's body
	b.append(currentTime)
	</script>