tatsuya1970/index.html

## index.html
<!DOCTYPE html>
  <html lang="ja">

    <head>
      <meta charset="utf-8">
      <title>CatRobot</title>

      <style>
        body{
          text-align:center; /*ページ全体を中央揃えにする*/
        }
        table {
          display: none; /*デフォルトではTableを非表示 */
          margin: auto;
          border: 1px solid;
        }
        th,td{
          border: 1px solid;
        }
      </style>

    </head>

    <body>
      <!-- 猫の鳴き声 -->
      <audio controls loop src="猫の鳴き声のファイル名"></audio>
      <br>

      <!-- 猫のGIFアニメーション -->
      <img src="img/cat_face.gif" width="600">
      <br>

      <!-- ボタンをクリックするとテーブルを表示するスクリプトshowTable()を呼ぶ -->
      <button type=”button” onclick="showTable()">クリック</button>
      <br><br>

     <!-- 今日の参加者リスト　デフォルトでは非表示 -->
     <!-- 動的にしたかったが、ビジネスモデルのMVPのデモなので静的にした -->
      <table id="list">
      <tr>
        <th>ニックネーム</th>
        <th>関心・興味あること</th>
        <th>話したいこと</th>
      </tr>
      <tr>
        <td>佐藤</td>
        <td>起業</td>
        <td>日本のスタートアップ動向</td>
      </tr>
      <tr>
        <td>山田</td>
        <td>プログラミング</td>
        <td>世界の技術トレンド</td>
      </tr>
    </table>
  </body>

  <script>
    //クリックしたら呼ばれる（Javascript）
    function showTable() {
      //テーブル（参加者リスト）が表示される
      list.style.display ="table";
      //ロボットの声が再生される
      const music = new Audio('ロボットの声のファイル名');
      music.play();
    }
  </script>

</html>
	<!DOCTYPE html>
	<html lang="ja">

	<head>
	<meta charset="utf-8">
	<title>CatRobot</title>

	<style>
	body{
	text-align:center; /ページ全体を中央揃えにする/
	}
	table {
	display: none; /デフォルトではTableを非表示 /
	margin: auto;
	border: 1px solid;
	}
	th,td{
	border: 1px solid;
	}
	</style>

	</head>

	<body>
	<!-- 猫の鳴き声 -->
	<audio controls loop src="猫の鳴き声のファイル名"></audio>
	<br>

	<!-- 猫のGIFアニメーション -->
	<img src="img/cat_face.gif" width="600">
	<br>

	<!-- ボタンをクリックするとテーブルを表示するスクリプトshowTable()を呼ぶ -->
	<button type=”button” onclick="showTable()">クリック</button>
	<br><br>

	<!-- 今日の参加者リスト　デフォルトでは非表示 -->
	<!-- 動的にしたかったが、ビジネスモデルのMVPのデモなので静的にした -->
	<table id="list">
	<tr>
	<th>ニックネーム</th>
	<th>関心・興味あること</th>
	<th>話したいこと</th>
	</tr>
	<tr>
	<td>佐藤</td>
	<td>起業</td>
	<td>日本のスタートアップ動向</td>
	</tr>
	<tr>
	<td>山田</td>
	<td>プログラミング</td>
	<td>世界の技術トレンド</td>
	</tr>
	</table>
	</body>

	<script>
	//クリックしたら呼ばれる（Javascript）
	function showTable() {
	//テーブル（参加者リスト）が表示される
	list.style.display ="table";
	//ロボットの声が再生される
	const music = new Audio('ロボットの声のファイル名');
	music.play();
	}
	</script>

	</html>