Ractive.js Tutorial 1-3

index.html

<!-- http://learn.ractivejs.org/hello-world/3 -->

<script src='http://cdn.ractivejs.org/latest/ractive.min.js'></script>

<div id='container'></div>

<script id='template' type='text/ractive'>
  <p>{{greeting}} {{name}}!</p>
</script>

Ractive.js-Tutorial-1-3.markdown

Ractive.js Tutorial 1-3

A Pen by Ken on CodePen.

License.

script.js

var ractive = new Ractive({
  el: 'container',
  template: '#template',
  data: { greeting: 'Hello', name: 'world' }
});

ractive.set('greeting', 'Bonjour');
ractive.set('name', 'tout le monde');

ractive.set({
  greeting: '你好',
  name: '世界'
});