JSFiddle - React, Tailwind, and code Playground

by jmansa

HTML

<div data-role="page" id="matches" data-theme="a">

      <div data-role="header" data-position="inline" data-theme="a">
         <h1>upcoming matches</h1>
      </div>
    
      <div data-role="content" id="matcheslist">
      
          <ul data-role='listview' id="mathes_list_count"></ul>
          
      </div>
    
</div>

JavaScript

$(document).ready(function(){   
    $.getJSON("http://appdata.golfacross.com/TEST_matches.php",          
              function(data){
                  var content = []
                  $.each(data , function(i,val){
                      content.push("<li>");
                      content.push("<h3>" + val.season + "</h3>");
                      content.push("<p>" + val.matchform + "</p>");
                      content.push("</li>");   
                  });
                  $("#mathes_list_count").html(content.join(""));
              });
});