sjf.html

<section>
  <div class="SJF">
    <h2 class="SJF-Header">Shortest Job First Scheduling</h2>
    <p>
      The shortest job first (SJF) or shortest job next, is a scheduling policy
      that selects the waiting process with the smallest execution time to
      execute next.
    </p>
    <hr />
    <table id="SJF-Table" style="width: 100%">
      <tr>
        <th>Process</th>
        <th>Arrival Time</th>
        <th>Execute Time</th>
      </tr>
      <tr>
        <td id="s_no_1">1</td>
        <td>
          <input id="arrive_1_1" type="number" value="arrival" />
        </td>
        <td>
          <input id="execute_1_1" type="number" value="execute" />
        </td>
      </tr>
    </table>
    <button class="btn" onclick="insert_row_1()">+</button>
    <button class="btn" onclick="Delete_row_1()">-</button>
    <button class="btn" onclick="progress_show_1()">Go</button>
    <div id="progress-bar_1"></div>
  </div>
</section>