JSFiddle - React, Tailwind, and code Playground

by pmatseykanets

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Test</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>

    <script>    
    var results = {"rows":{"item":[
        {"idPhrase":"1","Phrase":"Phrase1", "QuotationParDefaut":"QuotationParDefaut1"},
        {"idPhrase":"2","Phrase":"Phrase2", "QuotationParDefaut":"QuotationParDefaut2"},
        {"idPhrase":"3","Phrase":"Phrase3", "QuotationParDefaut":"QuotationParDefaut3"},
    ]}};
    
    $(document).on("pageinit", "#page1", function(){
        $("#btn1").click(function(){
            
            $('#lbtn2').html("");
            
            for(var i=0; i < results.rows.item.length; i++) { 
            
                $('#lbtn2').append(
                     "<input type='checkbox' value=" + 
                     results.rows.item[i].Phrase + 
                     " name = " + results.rows.item[i].QuotationParDefaut + 
                     " id=" + results.rows.item[i].idPhrase + " />"
                );
            
                $('#lbtn2').append(
                    '<label for=' + results.rows.item[i].idPhrase + '>' + 
                    results.rows.item[i].Phrase + '</label>');
            }
            
            $('#lbtn2').trigger("create");
        });
        
        $("#btn2").click(function(){
            var tab_phrase_selectionner=[];
            var j=0;
            $("#lbtn2 input:checked").each(function()
            {
               tab_phrase_selectionner[j] = $("label[for='" + ( $(this).attr("id") ) + "']").text();//Pour le fichier A1.js
               j++;
            });
            alert(tab_phrase_selectionner);
        });
    });
    
    </script>
</head>
<body>
    <div data-role="page"...