Bind: Hello World

Main features of BindJS.

HTML

<script src="https://raw.githubusercontent.com/acrodrig/bind/master/lib/bind.js"></script>
<body>
  <h1>Hello <span>NAME</span>!</h1>
  <p>My favorite fruits are:</p>
  <ul>
    <li>FRUIT</li>
  </ul>
  <p>My favorite color is: <i id="color" style="STYLE">COLOR</i></p>
  <p>Today's date is <b id="date">DATE</b></p>
</body>

JavaScript

bind(
    document.body,
    {
        "h1 span": "John Smith",
        "li": ["Orange", "Pear", "Apple"],
        "#color": {
            ".": "green",
            ".@style": "color: green"
        },
        "b[id=date]": new Date()
    }
)