fetch API で郵便番号検索

js前半の const precode = ～等の部分はどれもグローバルな定数の宣言＆初期化で、画面ロード時のscript解釈時に全て定数として決定し、以降は変更されません。
つまり、画面ロード時にすでにinputにテキストが入力されていない限りquery等は常に空文字列です。
※ブラウザによっては、テキストを入力済みのまま更新(Ctrl+F5以外)したら正常動作する場合もあるとおもいます

後半の button.addEventListener に渡される関数のみがclickイベントとして登録されるので
ボタンクリック時に使用されるurlは常に(queryが空文字列なので)固定の文字列になります。
結果、エラーメッセージに表示されている通り https://zipcoda.net/api?address= という固定文字列をfetchして500が返ってきているのでしょう。