JSFiddle - React, Tailwind, and code Playground

by aligo

HTML

<script src="https://rawgithub.com/aligo/casua/master/build/casua.min.js"></script>
<div id="haohao-app"></div>

JavaScript

app_node = new casua.Node(document.getElementById('haohao-app'));




		HaohaoCtrl = casua.defineController(function(scope) {
			scope.set('result','');

			var dic = {};
			dic.noun = ['牙签', '手电筒','呆呆','手机','键盘','铅笔','书包','橡皮','手表','电脑','早饭','好好','NPC','饮料','动画片','牛肉','土豆','日历','汽车','自行车','扫帚','垃圾箱','抹布','汉堡','萝卜','毛豆','女孩子','老公'];
			dic.adj = ['弯过来','自动生成','卖钱', '飞起来', '直接吃', '折起来', '上厕所','放进水里','当枕头','变软软的','装在瓶子里','挂在墙上','不要充电','冰冻起来','放进书包里','复制成好几个'];
			dic.ono= ['嘿嘿'];

			var getTail = function(){
				return Array(Math.floor((Math.random()*10))+1).join("~");
			}

			var getRandom = function (arr) {

				return arr[Math.floor(Math.random() * arr.length)];

			}
			return {
				produce:function(){
                    scope.set('noun', getRandom(dic.noun));
                    scope.set('adj', getRandom(dic.adj));
                    scope.set('ono', getRandom(dic.ono));
                    scope.set('tail', getTail());
				}
			};
		});

template = {'button':{'@text':'生成一个好好','@on click':'produce()'},'p':{'@html':'如果{{@noun}}可以{{@adj}}就好了{{@ono}}{{@tail}}<br> 喵呜~ (bgm72)','@if':'@noun'}};


		new HaohaoCtrl({
		}).renderAt(app_node, template);