JSFiddle - React, Tailwind, and code Playground

by mckennatim

HTML

<!DOCTYPE html>
    <html>
    <head>
            <meta name="viewport" content="width=device-width, initial-scale=1"> 
            <link rel="stylesheet" href="http://code.jquery.com/mobile/latest/jquery.mobile.css" />
            <script src="http://code.jquery.com/jquery.js"></script>
            <script src="http://code.jquery.com/mobile/latest/jquery.mobile.js"></script>    
    </head>
    <body>
        <div id="thelists" data-role="page">
        
            <div data-role="header">
                <a href="#" data-icon="back"  id="get" data-role="button" >get</a>
                    <h2>TestPage</h2>
            </div><!-- /header -->       
            <div data-role="content">    
                   <p id="list" ></p>
            </div><!-- /content -->
        </div><!-- /page -->
    
    </body>
    </html>

JavaScript

$('#get').click(function() {
plus(a,b);       
$('#list').listview('refresh');    
return false;
});            

var a = [20, 40, 60, 80, 95, 99, 99.88, 99.97, 100] ;
var b = [0, 1.8, 43.2, 109.2 174.2 113.2, 479.5, 228.0, 6.2];
var d = [9300, 20600, 34400, 56400, 97400, 210000 1117000, 3000000, 25000000 ];
var e = [9300, 20528, 32,672 52032, 88112, 181700, 681050, 1475900, 9475900];

function plus(a,b){
    for (var i=0; i<a.length(); i++){
        console.log(i);
        $("#list").append(i);
    }
}