JSFiddle - React, Tailwind, and code Playground

HTML

<body onload="starttime()">

  <div id="Holder">
    <div id="Header"></div>
    <div id="NavBar">
      <nav>
        <ul>
          <li><a href="Loginpage.htm"> Login</a></li>
          <li><a href="Registrationpage.htm">Registration</a></li>
        </ul>
    </div>
    <div id="Content">
      <div id="PageHeading">
        <h1><marquee direction="right" behavior="alternate">All the Best</marquee></h1>
      </div>

      <div id="ContentLeft">
        <h2></h2>
        <br>
        <img id="online_start">
        <br>
        <h6>Online Examination System(OES) is a Multiple Choice Questions(MCQ) based 
examination system that provides an easy to use environment for both 
Test Conducters and Students appearing for Examination.</h6>
      </div>
      <div id="ContentRight">
        <section class="loginform_cf">
          <table>
            <tr>
              <td id="test_status" style="text-align:left"></td>
              <td id="starttime" style="text-align:right"></td>
            </tr>

            <tr>
              <td id="test" colspan="2"></td>
            </tr>

          </table>
          <div id="showtime"></div>
        </section>
      </div>

    </div>


    <div id="Footer">Developed by - K.P.RAJU</div>
  </div>

  <script>
    var pos = 0,
      test, test_status, question, choice, choices, chA, chB, chC, correct = 0;

    var questions = [
      ["Which of the following a is not a keyword in Java ?", "class", "interface", "extends", "C"],

      ["Which of the following is an interface ?", "Thread", "Date", "Calender", "A"],

      ["Which company released Java Version 8 ?", "Sun", "Oracle", "Adobe", "A"],

      ["What is the length of Java datatype int ?", "32 bit", "16 bit", "None", "C"],

      ["What is the default value of Java datatype boolean?", "true", "false", "0", "A"]
    ];

    function _(x) {
      return document.getElementById(x);
    }

    function renderQuestion() {
      test = _("test");

      var showscore =...