JSFiddle - React, Tailwind, and code Playground

by Josh Pullen

HTML

<script src="https://rawgit.com/tjvr/koel/dev/koel.js"></script>

JavaScript

var num1 = ko(1);
var num2 = ko(2);
var sum = ko(function(){
	return num1() + num2();
});

var text = el('p', ['The sum of ', el('span', num1), ' and ', el('span', num2), ' is ', el('span', sum)]);
document.body.append(text);

window.addEventListener('keypress', function(){
	if(Math.random() < 0.5) {
  	num1.assign(num1() + 1);
  } else {
  	num2.assign(num2() + 1);
  }
});