skill-assessment-app/app/views/candidate/_live-coder.html.erb

<div class="js-error">
  Please revisit this page with JavaScript enabled to modify your answer.
</div>

<div data-id="live-coder-finish-later">
  <p class="warning">
    This is a question where you will be asked to write code, and it utilizes a JavaScript-enabled
    environment. It looks like JavaScript is not loaded for some reason. Please check the box below
    to acknowledge that you agree to come back at a later time to finish answering this question
    before you can submit the test.
  </p>
  <input type="checkbox" class="checkbox" name="live-coder-later" value="check_1" id="check_1" />
  <label for="check_1">I will come back later to finish this live coding question</label>
</div>

<div data-id="live-coder-answer">
  <%
     # answers inserted dynamically via jQuery .load()
     # to check for JS capability/enabled
  %>

  <div class="code-input">
    <label for="code-html">HTML</label>
    <textarea data-id="code-html" name="code-html"><%= answer['html'] unless answer.nil? %></textarea>
  </div>

  <div class="code-input">
    <label for="code-css">CSS</label>
    <textarea data-id="code-css" name="code-css"><%= answer['css'] unless answer.nil? %></textarea>
  </div>

  <div class="code-input">
    <label for="code-js">JS</label>
    <textarea data-id="code-js" name="code-js"><%= answer['js'] unless answer.nil? %></textarea>
  </div>

  -- MOVE TO FLASH HASH --
  <div class="error">You must write code in one of the above textareas to progress.</div>

  <div class="results" data-id="results"></div>
</div>