TypeScriptの型宣言エラーを解消したい

Question

前提・実現したいこと

TypeScriptでbuttonをdisabledにする基本的な実装をしたい。
しかし型宣言周りでエラーが発生してしまい、詰まっている。

Qiitaなどを参考にしてHTMLButtonElementで明示的に型宣言をしても、変数btnで下記エラーが発生している。
こちらの対処法についてご教授願いたい。

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

型 'HTMLCollectionOf<Element>' には 型 'HTMLButtonElement' からの次のプロパティがありません: disabled, form, formAction, formEnctype、250 など。ts(2740)

該当のソースコード

const btn: HTMLButtonElement = document.getElementsByClassName("walkBtn");
btn.disabled = true;

Answer 1

エラーメッセージのとおりです。document.getElementsByClassNameは要素の集合（HTMLCollection）を返します。1要素のHTMLButtonElementではありません（型のないJavaScriptで書いても、このコードは正常動作しません）。

1個しかない前提なら、document.querySelector('.walkBtn')で1個だけ取ってくるのがいいかと思います。