← Back to documentation

Jotted

Demos
​x
25
 
1
​
2
<p>
3
  Load <a href="http://coffeescript.org/" target="_blank">CoffeeScript</a> first.
4
</p>
5
​
6
<div id="jotted-demo-coffee"></div>
7
​
8
<script src="../bower_components/coffee-script/extras/coffee-script.js"></script>
9
​
10
<link href="../jotted.css" rel="stylesheet">
11
<script src="../jotted.js"></script>
12
<script>
13
  new Jotted(document.querySelector('#jotted-demo-coffee'), {
14
    files: [
15
      {
16
        type: 'js',
17
        content: '# Functions:\nsquare = (x) -> x * x\ndocument.write(square(4))'
18
      }
19
    ],
20
    pane: 'js',
21
    plugins: [
22
      'coffeescript'
23
    ]
24
  });
25
</script>
1
 
1
​
1
 
1
​

<p>
  Load <a href="http://coffeescript.org/" target="_blank">CoffeeScript</a> first.
</p>

<div id="jotted-demo-coffee"></div>

<script src="../bower_components/coffee-script/extras/coffee-script.js"></script>

<link href="../jotted.css" rel="stylesheet">
<script src="../jotted.js"></script>
<script>
  new Jotted(document.querySelector('#jotted-demo-coffee'), {
    files: [
      {
        type: 'js',
        content: '# Functions:\nsquare = (x) -> x * x\ndocument.write(square(4))'
      }
    ],
    pane: 'js',
    plugins: [
      'coffeescript'
    ]
  });
</script>