JavaScriptでspliceメソッドが使えない

#目的
テキストボックスに入力した文字列の途中に，spliceメソッドを用いて半角スペースを挿入するプログラムを作りたいです．以下のようにコードを書きました．
#ソースコード

html
1<!DOCTYPE html>
2<html>
3  <head>
4    <meta charset="utf-8">
5    <title>test</title>
6    <link rel="stylesheet" href="styles.css">
7  </head>
8  <body>
9    <table>
10      <tr>
11        <td><textarea id="text1" placeholder="ここにテキストを入力してください" rows="30" cols="80">abc</textarea></td>
12        <td> >>> </td>
13        <td><textarea id="text2" placeholder="結果が表示されます" rows="30" cols="80"></textarea></td>
14      </tr>
15    </table>
16      <button id="btn">実行！</button>
17    <script src="main.js"></script>
18  </body>
19</html>
20

javascript
1(function () {
2  'use strict';
3
4  document.getElementById('btn').addEventListener('click', function(){
5   var text = document.getElementById('text1').value;
6   text = text.splice(1, 0, "A"));
7   document.getElementById('text2').value = text; //text2に出力
8  });
9
10
11})();
12