Welcome to JS Bin

JS Bin

Save
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="CanJS jQuery">
  <meta charset="utf-8">
  <title>JS Bin</title>
  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"></link>
</head>
<body>
​
<div id='out'></div>
​
<script id="app-template" type="text/stache">
  <donejs-number-input max="5"></donejs-number-input>
</script>
  
<script id="home-template" type="text/stache">
<h1>Home Page</h1>
<a href="{{routeUrl page='away'}}">
  Away
</a>
</script>
​
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.js"></script>
<script src="//canjs.com/release/latest/can.jquery.js"></script>
<script src="//canjs.com/release/latest/can.construct.super.js"></script>
<script src="//canjs.com/release/latest/can.map.define.js"></script>
<script src="//canjs.com/release/latest/can.stache.js"></script>
<script src="//canjs.com/release/latest/can.fixture.js"></script>
<script src="//rawgit.com/donejs/donejs-number-input/v0.1.0/dist/global/donejs-number-input.js"></script>
</body>
</html>
 
$("body").prepend(can.view("app-template"));
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x