ワードプレスのContactForm7で送信完了画面に遷移させたい

Question

### 前提・実現したいこと
ワードプレスのContactform7でサンクスページに遷移させたい。

発生している問題・エラーメッセージ

送信ボタンを押してもリンク先に飛ばず、同じ画面のまま（デフォルト設定の状態）で
「ありがとうございます。メッセージは送信されました」と表示してしまいます。

該当のソースコード

 <!-- index.phpのコード -->
     <?php echo apply_filters('the_content', '[contact-form-7 id="53" title="eden"]'); ?>

<!-- ContactForm7のフォーム -->
<div class="cp_iptxt text-center">
[text* text-703 class:cp_iptxt_text placeholder "お名前"]</div>
 
<div class="cp_iptxt text-center">
[email* email class:cp_iptxt_text placeholder "メールアドレス"]</div>
 
<div class="cp_iptxt_2 text-center">
[textarea textarea-511 class:cp_iptxt_textarea placeholder "質問はこちらからお願いします"] </div>
 
[submit class:btn-square "！送 信！"]


<script>
document.addEventListener( 'wpcf7mailsent', function( event ) {
  location = 'http://localhost:8888/test/';
}, false );
</script>

サンクスページのリンク
http://localhost:8888/test/

試したこと

<script>をfunction.phpやfooter.php、header.phpに書いてみましたが結果は変わりませんでした。 （記入方法が悪かったのかもしれませんが） ローカル環境で試しています。 画像を添付します。 ここにより詳細な情報を記載してください。   

Comments

[CHERRY]

お使いの環境で、Webブラウザのデベロッパーツール(開発者ツール)を使って、確認した場合に JavaScript のエラー等が出ていたりしないでしょうか？

[sakana]

確認したところエラーだらけでした(ﾟoﾟ;;
どのような対処をすべきなのでしょうか・・・。

[CHERRY]

ひとつずつ、エラーを直していくしかないと思います。

[sakana]

なるほどですね。
ここのエラーの直し方もわからないレベルでした????
調べて進めてみます。
ありがとうございました！