JSFiddle - React, Tailwind, and code Playground

by Atsushi Nakatsugawa

HTML

<script src="https://moongift.s3.amazonaws.com/hifive/1.3.1/h5.dev.js"></script>
<link rel="stylesheet" href="https://moongift.s3.amazonaws.com/hifive/1.3.1/h5.css">
<script src="https://moongift.s3.amazonaws.com/hifive/1.3.1/ejs-h5mod.js"></script>
<h1>
hifive Mixin実験場
</h1>

<p id="result">
</p>

<p id="count">
</p>

JavaScript

$(function() {
  var mixin = h5.mixin.createMixin({
    set: function(p, v) {
      this[p] = v;
    },
    get: function(p) {
      return this[p];
    },
    times: function(p, i) {
    	return this[p] * i;
    }
  });

  var target = {
    hoge: 'Hello World',
    fuga: 5
  };

  mixin.mix(target);
  $('#result').html(target.get('hoge')); 
  
  $('#count').html(target.times('fuga', 10));
});