index.html

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Bible with JavaScript</h1>
<hr>
<br>
<br>
<div id="app">
  <table>
    <tr>
      <td>
        <label for="book">Book</label>
      </td>
      <td>
        <select name="book" name="books" id="books"></select>
      </td>
    </tr>
  
    <tr>
      <td>
      <label for="chapter">Chapter&nbsp;</label>
      </td>
      <td>
      <select name="chapter" id="chapter"></select>
      </td>
    </tr>
  
    <tr>
      <td>
        <label for="verse">Verse&nbsp;</label>  
      </td>
      <td>
        <select name="verse" id="verse"></select>
      </td>
    </tr>
  </table>

  <div id="text">
    <p>Verse Text</p>
  </div>
</div>
<hr>
<div id="diag"></div>

<script type="module" src="bible.js"></script>
<script type="module" src="index.js"></script>