JSFiddle - React, Tailwind, and code Playground

by Alyson Melo

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div id="cursos">
</div>
<button id="createButton" class='ui-btn ui-corner-all optCurso'>Create new button</button>

JavaScript

var cursos = [{Name: "Teorema de D'Alembert", Value:"Teste '123 "},{Name: "Teste2", Value: 345}];
var createButton = function(){

    $("#cursos").append("<button class='ui-btn ui-corner-all optCurso' data-transition ='slide' onclick=\"controller.setNomeCurso('"+ cursos[0].Value.replace(/'/g, "\\'") + "')\">"+ cursos[0].Name + "</button>");
}

$("#createButton").click(function(){
    createButton();
});