backlash
Version:
Backlash is a simple utility suite that brings reactive literals into your web apps.
47 lines (41 loc) • 956 B
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Backlash Example</title>
<script src="./lib/reckon.min.js"></script>
<script type="text/javascript" src="./backlash.js"></script>
</head>
<body>
<p id="content">Printing backlash output:</p>
<script type="text/javascript">
/**
* Initialize variables
*/
var firstName = backlash("firstName");
var lastName = backlash("lastName");
var fullName = backlash("fullName");
/**
* Assign values
*/
firstName("John");
lastName("Doe");
fullName("{{firstName}} {{lastName}}");
function updateName() {
document.getElementById("content").innerHTML += "<br>Updated name: " + fullName;
}
//write name in dom
updateName();
//change first name
firstName("Johannes");
updateName();
//change last name
lastName("Dough");
updateName();
//change last name
firstName("Julia");
lastName("Roberts");
updateName();
</script>
</body>
</html>