JSFiddle - React, Tailwind, and code Playground

by maros_urbanec

HTML

<script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
<div class="exercise-entry">
  <p>
    Welcome to the interview exercise.
  </p>
  <p>
    This is a pure technical exercise, no word-twisting, catches or deceitful loopholes.
  </p>
  <p>
    Feel free to use any tool at your disposal, be it command line, Google, Stack Overflow,...<br />
    If you're comfortable with JavaScript, use it, if with Java, use that, same for Bash.
  </p>
  <p>
    There are several random keywords sprinkled through the exercise. Your job is to collect as many of them as you can.<br /><br />
    Our aim is to see how you:
  </p>
  <ul>
    <li>know your tools</li>
    <li>behave under stress</li>
    <li>arrive to creative solutions</li>
    <li>find details about unrelated APIs</li>
    <li>interpret ambiguous requirements</li>
  </ul>
  <button id='start'>Start and <b>be fast!</b></button>
</div>

CSS

* {
  font-size: 18px;
  text-shadow : 0 0 0 black;
}

p, li, ul, hr {
  max-width: 400px;
  margin: 18px auto;  
}

#start {
  display: block;
  margin: 18px auto;
}

b.keyword {
  font-size: 24px;
}

JavaScript

//Nice...you've found the source code
// One more keyword:...