JSFiddle - React, Tailwind, and code Playground

by austegard

HTML

<h1>Like/Dislike an Article on the Relaunch Platform</h1>  
<h3>Instructions</h3>
<ol>
  <li>Drag this link: <a href="javascript:(function()%7B%24(%22.util-bar-primary-modules%22).prepend(%24(%22%3Cbutton%20id%3D'jsLike'%3ELike%3C%2Fbutton%3E%3Cbutton%20id%3D'jsDislike'%3EDislike%3C%2Fbutton%3E%22))%2C%24(%22%23jsLike%2C%20%23jsDislike%22).click(function()%7Bvar%20e%3D%24(this).text()%2Ct%3DstateManager.getActivePageInfo()%2Cs%3D_scDilObj.prop68%3B%24.ajax(%7Burl%3A%22https%3A%2F%2Fdocs.google.com%2Fforms%2Fd%2F1z26UX603x5UhzRTVk7G7hku63N5h0BeEh-PNqSDwoKM%2FformResponse%22%2Cdata%3A%7B%22entry.1742385195%22%3At.assetid%2C%22entry.2045578946%22%3Ae%2C%22entry.815292323%22%3As%2C%22entry.1348947856%22%3At.headline%2C%22entry.1877746370%22%3At.ssts%7D%2Ctype%3A%22POST%22%2CdataType%3A%22xml%22%7D)%7D)%7D)()">L/D</a> to your browser toolbar.
  <li>Open an article on one of our sites, e.g. <a href="http://www.usatoday.com/story/money/business/2014/06/20/may-state-unemployment-rates/11041017/" target="article">this one</a>
  <li>Click the L/D link in your toolbar
  <li>See that a Like and a Dislike button were created in the article's left side toolbar
  <li>Click one of them, or both, however many times you'd like
  <li><a href="https://docs.google.com/spreadsheets/d/1xAh9YlXT6ikko40Vt5Mu0G8y1f609AK_w-eiffP-1nI/edit?usp=sharing" target="results">View the results</a>, stored in Google Docs for now
</ol>
      <small>See <a href="https://gist.github.com/oaustegard/8eb2736cd9fb2b04116d" target="code">Gist</a> or original <a href="http://jsfiddle.net/austegard/tKmU3/">JSFiddle</a> for all the code</small>