JSFiddle - React, Tailwind, and code Playground

by jakie8

HTML

<h2></h2>
<p>Click to cycle</p>
<div class="view"></div>

CSS

body{font-family:sans-serif;}
.view{width:320px;height:568px;}

JavaScript

var data = [
  {slug: '1SGTU', label: 'A'},
  {slug: 'W8gJR', label: 'B'},
  {slug: 'Z2hW5', label: 'C'}
], cur=0, insert = function(i){
  $('h2').text(data[i].label);
  $('.view').css({
    background: 'url(http://lab.jakiestfu.com/github-mobile/'+data[i].slug+'.png)'
  });
};

insert(cur);

$(document).on('click', function(){
  if(cur==2){cur=0;} else {cur++;}
  insert(cur);
});