index.html

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>掲示板</title>
  <link rel="stylesheet" href="css/style.css">
  <style>
    .board {
      color: blue;
    }
  </style>
</head>
<body>
  <h1>掲示板</h1>
  <p class="board">ここは掲示板です。</p>
  <button onclick="alert('Hi')">Hi</button>
  <div id="auth-area">
    <!-- Google サインインボタン -->
    <button id="sign-in-button">Google でサインイン</button>
  </div>

  <div id="topics-area" style="display: none;">
    <a href="create_topic.html">トピックを作成</a> <br> <br> 
    <h2>トピック一覧</h2>
    <ul id="topic-list">
      <!-- トピック一覧を表示 -->
    </ul>
    
    <button id="sign-out-button">ログアウト</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>
  <script>
    a=1;
    b=3;
    c=a+b;
    alert(c);
  </script>
</body>
</html>