JSFiddle - React, Tailwind, and code Playground

by ZongYing Lyu

HTML

<div id='container'></div>

JavaScript

'use strict';
var stringList = [
    'hello 1',
    'hello 2',
    'hello 3',
    'hello 4',
    'hello 5'
];

var Say = function(string) {
	var content = string;
    var hello =  function (){
        return content;
    };
    return {
    	hello: hello
    };
};
var container = document.querySelector("#container");

var _loop = function () {
    var btn = document.createElement("BUTTON");

    btn.appendChild(document.createTextNode(stringList[i]));
    var say = new Say(stringList[i]);
    console.log(say.hello());
    btn.onclick = function () {
        alert(say.hello());
    };
    container.appendChild(btn);
};

for(var i=0; i<stringList.length; i++) {
    _loop();
}