Skip to content

"Importing External JavaScript": Harlowe (v2.0)#


The successful loading of an external JavaScript file or library commonly produces no visual output. The code within the example passage is not required for the successful loading of an external file or library.


"Importing External JavaScript" demonstrates how to import an externally stored JavaScript library, jQuery UI.

This example uses the built-in jQuery $.getScript() function to load the library and demonstrates a short example of how to use it.



Twee Code#

:: StoryTitle
Harlowe: Importing External JavaScript

:: UserScript [script]
/* import jQuery UI library. */
$(function () {
    function (data, textStatus, jqxhr) {
      console.log('jquery ui file loaded');

:: Start
<p>Click on the grey box below to see it bounce.</p>
<div id="box" style="width: 100px; height: 100px; background: #ccc;"></div>

$("#box").click(function () {
  $("#box").toggle("bounce", {times: 3}, "slow");

Twee Download