Chrome を閉じるときに必ず確認をする機能をつけたいと思いますが．．．

Chrome を閉じる時に、必ず確認画面が出る機能をつけようとしていますが、
機能しているときと、してないときがあるんですが、原因がよくわからないですね。

症状としては、
Chromeを開いて、何もせず閉じると確認画面が出ないです。
登録ボタンを一度押した後は、問題なく確認画面が出てきます。

私がやりたいのは、閉じるときには必ず確認画面が出る機能をつけたいですが、
やり方をご存じの方はぜひ教えてください。

Javascript
1<!DOCTYPE html>
2<html lang="en">
3<head>
4  <meta charset="UTF-8">
5  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <script type="text/javascript">
8        window.addEventListener('beforeunload', (event) => {
9        event.preventDefault();
10        event.returnValue = '';
11      });
12  </script>
13  <title>Alert Method</title>
14
15<!-- スタイルシート -->
16  <style>
17    .test {
18      margin: 10px;
19    }
20    textarea {
21      display: block;
22      margin: 10px 0px 10px 0;
23    }
24  </style>
25</head>
26
27<body>
28  <!-- ボタン１ -->
29  <div class="test">
30    <textarea id="text1">これはテスト１です</textarea>
31    <button onclick ="postTxt1()" id="add-btn">登録-1</button>
32
33    <div id="post1">
34 <!-- <p>テキストが表示される</p> -->
35    </div>   
36  </div>
37
38  <!-- Javascript -->
39  <script>
40
41    let text1 = document.querySelector('#text1')     //値をとる部分⇒Javascriptコードに変換
42    let post1 = document.querySelector('#post1')     //値を貼り付ける部分⇒Javascriptコードに変換
43    
44    // HTML書き込む ノード指定方式
45    function postTxt1 () {
46      if (text1.value == 0) {
47        alert('入力してください。')
48      } else {
49        if (window.confirm ('登録しますか？')) {
50          let p = document.createElement('p');        //HTMLの<p>をJavascriptの変数に充てる
51            p.textContent = text1.value;              //<p>のテキストに値を当てる
52              post1.appendChild(p);                   // 貼り付ける場所に子供を当てる
53            }  
54          }
55        }        
56  </script>
57</body>
58</html>