topic.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>掲示板 - <span id="topic-title"></span></title>
  <link rel="stylesheet" href="css/style.css">
</head>
<body>
  <a href="index.html">トピック一覧に戻る</a> <br>
  <h1 id="topic-title"></h1>
  <p id="topic-description"></p> 

  <div id="comments-area">
    <ul id="comment-list">
      <!-- コメント一覧を表示 -->
    </ul>
  </div>

  <div id="new-comment">
    <h3>新しいコメント</h3>
    <textarea id="comment-text"></textarea>
    <button id="post-comment">投稿</button>
  </div>

  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-app.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-auth.js"></script>
  <script src="https://www.gstatic.com/firebasejs/8.10.0/firebase-database.js"></script>
  <script src="js/app.js"></script>
</body>
</html>