JSFiddle - React, Tailwind, and code Playground

by steven keezer

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width">
    <title>Find the buried treasure!</title>
    <link href="index.css" rel="stylesheet" type="text/css" />
  </head>
  <body>
    <h1 id="heading">Find the buried treasure!</h1>
    
    <img id="map" width=400 height=400 src="http://nostarch.com/images/treasuremap.png" />
    
    <p id="distance"></p>
    
    <script
  src="https://code.jquery.com/jquery-3.2.1.min.js"
  integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
  crossorigin="anonymous"></script>
    <script src="index.js"></script>
  </body>
</html>