JSFiddle - React, Tailwind, and code Playground

by yochannah

HTML

<script src="http://cdn.intermine.org/js/intermine/imjs/3.14.0/im.js"></script>
<div id="thecontent"></div>

JavaScript

var flymine   = new imjs.Service({root: 'www.flymine.org/query'});
      var query     = {
        from: 'Gene',
        select: [
          'exons.symbol',
          'chromosome.primaryIdentifier',
          'exons.chromosomeLocation.start',
          'exons.chromosomeLocation.end'
        ],
        where: {
          symbol: 'eve',
          organism: {lookup: 'D. melanogaster'}}
      };

		var output = "If you see this, there'll be a CORS error in your console. Clear the cache and it'll go away.";


      flymine.rows(query).then(function(rows) {
        output = ("No. of exons: " + rows.length + "<br />");
        rows.forEach(function printRow(row) {
          output += ("[" + row[0] + "] " + row[1] + ":" + row[2] + ".." + row[3]) + "<br />";
        });
          document.getElementById('thecontent').innerHTML = output;
      });

          document.getElementById('thecontent').innerHTML = output;