tableタグとそれに関連するタグを利用し、登録した名前とニックネームを最大3人分までテーブル表示できるようにしたいです

tableタグとそれに関連するタグを利用し、登録した名前とニックネームを最大3人分までテーブル表示できるようにしたいです。
プログラミング初心者です。
現在js勉強中です。
恐れ入りますが、どなたかご教授頂けませんでしょうか。

HTML
1<!DOCTYPE html>
2<html>
3    <head>
4        <title>アカウント登録</title>
5        <meta charset="UTF-8">
6        <meta name="viewport" content="width=device-width, initial-scale=1.0">
7</head>
8    <body>
9        <div class="base container">
10          <div class="row">
11            <h1>アカウント登録</h1>
12          </div>
13          <div class="row">
14            <div class="card" id="card">
15              <div class="card-block">
16                <form id="form-area" class="form-inline" method="post">
17                    <div class="form-group">
18                        <div class="input-group">
19                          <input id="namae" name="namae" type="text" class="form-control" placeholder="名前">
20                        </div>
21                    </div>
22                    <div class="form-group">
23                        <div class="input-group">
24                            <input id="nickname" name="nickname" type="text" class="form-control" placeholder="ニックネーム">
25                        </div>
26                    </div>
27
28                    <div class="form-group">
29                      <input id="tuikaBtn" type="button" name="touroku" value="追加">
30                    </div>
31
32                </form>
33                <div id="tuikaMoto">
34
35                </div>
36                <div id="result"></div>
37              </div>
38            </div>
39          </div>  
40        </div>
41      </div>
42      <div id="overLay">
43      </div>
44
45------javascript---------
46        <script>
47          let tuikaTimes = 0;
48          let result = document.getElementById('result');
49          tuikaBtn.addEventListener('click', function () {
50          let namae = document.getElementById("namae");
51          let nickname = document.getElementById("nickname");
52
53          if( namae.value===""||nickname.value==="") {
54              return false;
55            }
56          if(!window.confirm('「 '+ '[' + namae.value + ']' + 'さん' + '[' + nickname.value + ']' + 'を登録します。よろしいですか？」')) {
57              return false;
58            }
59
60            alert('「'+'[' + namae.value +']' + 'さん' + '[' + nickname.value + ']' + 'にて登録しました。」');
61
62              tuikaTimes++;
63                
64          if(tuikaTimes >= 3) {
65              let hyoji = document.getElementById("tuikaBtn");
66              hyoji.style.visibility="hidden";
67              return false;
68            }    
69          });
70
71        </script>
72    </body>
73</html>

退会済みユーザー

2022/05/28 00:47

どこで躓いているのでしょうか？ > 登録した名前とニックネームどこに「登録」するのでしょう？　ボタンクリックで form を Web サーバーの Web アプリに submit してユーザーが入力した「名前とニックネーム」を Web サーバー側で DB 等に保存し、 > 最大3人分までテーブル表示表示するには Web サーバーからデータを取得して表示する・・・と言ったことを想像しますが、提示されたコードはそうなってないようです。どこに保存してどこからデータを取得したいのでしょう。