HTA形式のファイル実行時にスクリプトエラー発生します。

前提

ここに質問の内容を詳しく書いてください。
（例）
HTMLとJavascriptを用いて、郵便番号検索ツールを作成しています。
拡張子が「.html」だと正常に動作しますが、「.hta(HTMLアプリケーション形式)」に変更すると、
スクリプトエラーが発生します。

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

このページのスクリプトでエラーが発生しました。
ライン 2
文字　５
エラー　'；'がありません。
コード　０

該当のソースコード

Javascriptソースコード
1window.addEventListener('load', function(){
2let search = document.getElementById('search');
3
4search.addEventListener('click', ()=>{
5
6    let api = 'https://zipcloud.ibsnet.co.jp/api/search?zipcode=';
7    let error = document.getElementById('error');
8    let input = document.getElementById('input');
9    let address1 = document.getElementById('address1');
10    let address2 = document.getElementById('address2');
11    let address3 = document.getElementById('address3');
12    let param = input.value.replace("-",""); //入力された郵便番号から「-」を削除
13    let url = api + param;
14    
15    fetchJsonp(url, {
16        timeout: 10000, //タイムアウト時間
17    })
18    .then((response)=>{
19        error.textContent = ''; //HTML側のエラーメッセージ初期化
20        return response.json();  
21    })
22    .then((data)=>{
23        if(data.status === 400){ //エラー時
24            error.textContent = data.message;
25        }else if(data.results === null){
26            error.textContent = '郵便番号から住所が見つかりませんでした。';
27        } else {
28            address1.value = data.results[0].address1;
29            address2.value = data.results[0].address2;
30            address3.value = data.results[0].address3;
31        }
32    })
33    .catch((ex)=>{ //例外処理
34        console.log(ex);
35    });
36}, false);
37});
38

HTML(HTA)ソースコード
1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2<html lang="ja">
3
4<head>
5  <meta charset="UTF-8">
6  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7  <script src="https://cdn.jsdelivr.net/npm/fetch-jsonp@1.1.3/build/fetch-jsonp.min.js"></script>
8  <script src="ZipCode.js"></script>
9  <title>郵便番号検索ツール</title>
10</head>
11<body>
12  <h1>郵便番号検索ツール</h1>
13  <form>
14    <table>
15      <tbody>
16        <tr>
17          <th>郵便番号</th>
18          <td>
19            <input id="input" class="zipcode" type="text" name="zipcode" value="" placeholder="例)8120012">
20            <button id="search" type="button">住所検索</button>
21            <p id="error"></p>
22          </td>
23        </tr>
24
25        <tr>
26          <th>都道府県</th>
27          <td><input id="address1" type="text" name="address1" value=""></td>
28        </tr>
29
30        <tr>
31          <th>市区町村</th>
32          <td><input id="address2" type="text" name="address2" value=""></td>
33        </tr>
34
35        <tr>
36          <th>町域</th>
37          <td><input id="address3" type="text" name="address3" value=""></td>
38        </tr>
39      </tbody>
40    </table>
41  </form>
42</body>
43
44</html>

試したこと

コードを見直しましたが、問題点が見つかりませんでした。

行動規範の内容に同意します

回答1件

ベストアンサー

HTAで利用されるスクリプトエンジンは古いので、基本的に最近のJavascriptコードは動作しないと思った方がよいでしょう。
とりあえずHTA and Javascript Compatibility. Javascript not working in HTAの回答に記載のように

HTML
1<!DOCTYPE html>
2<html lang="ja">
3<head>
4  <meta http-equiv="x-ua-compatible" content="ie=edge" />

とすると起動まではできますがfetchJsonpに失敗します。
参考：HTAでjQueryとWSHとJSON

投稿2022/12/22 04:26

can110

総合スコア38262

wantonsong

2022/12/22 04:49

ご回答ありがとうございます。スクリプトエンジンが古いせいだったのですね。承知いたしました。一旦別の方法を考えてみたいと思います。ありがとうございました。

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！