名前とニックネームを入力して追加というボタンをクリックしたら、 result という id 属性が指定された div 要素に入力された名前とニックネームを保存したい

入力フォームに名前とニックネームを入力して追加ボタンを押したら、resultというdiv要素の中に入力された名前とニックネームを保存したいのですが、下記のコードでは上手くいきません。恐れ入りますが、どうすれば入力されたデータはresultというdiv要素に保存されるかご教授下さい。

 <body>
        <div class="base container">
          <div class="row">
            <h1>アカウント登録</h1>
          </div>
          <div class="row">
            <div class="card" id="card">
              <div class="card-block">
                <form id="form-area" class="form-inline" method="post">
                    <div class="form-group">
                        <div class="input-group">
                          <input id="namae" name="namae" type="text"  class="form-control" placeholder="名前">
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <input id="nickname" name="nickname" type="text" class="form-control" placeholder="ニックネーム">
                        </div>
                    </div>

                    <div class="form-group">
                      <input id="tuikaBtn" type="button" name="touroku" value="追加" > 
                    </div>

                </form>
                <div id="tuikaMoto">

                </div>
                <div id="result"></div>
              </div>
            </div>
          </div>  
        </div>
      </div>
      <div id="overLay">
      </div>
        <script>
        let button = document.getElementById("tuikaBtn");
        button.addEventListener("click",function(e) {
        e.preventDefault();
        let namae = document.getElementById("namae").value;
        let nickname = document.getElementById("nickname").value;
        let result = document.getElementById("result");
        let tuikaBtn = document.getElementById("tuikaBtn");
        let result1 = document.getElementsByClassName("input-group");
        let resultValue = result1.value;
        tuikaBtn.addEventListener('click',tuikaclick);
        if(namae == "" || nickname == "") return false;
        let res = window.confirm ('「' + namae +'さん' + nickname+'を登録します。よろしいですか？」') ;
        if(res == true) {
          result = `${namae},${nickname}`;
          window.alert('「' + namae + 'さん' + nickname + 'にて登録しました。」');
        }
        });
          </script> 
    </body>
</html>