JSFiddle - React, Tailwind, and code Playground

by lega911

HTML

<script src="//angularlight.org/bin/alight_0.12.last.min.js"></script>
<div al-app al-init="total=0; i={}">

  <label al-repeat="amount in [1, 3, 7, 11, 13, 17, 19]">
    <input type="checkbox" al-checked="i[amount]" @change="total+=i[amount]?amount:-amount" />
    {{amount}}
  </label>
  
  <hr/>
  {{total}}
  <pre>{{i | json}}</pre>
</div>