javascript - イベント リスナーの追加中にエラーが発生しました。要素が null です

Question

インライン イベント ハンドラーを削除し、イベント リスナーに置き換えます。ページが読み込まれると、エラー メッセージが表示されますTypeError: document.getElementById(...) is null。私は何を間違っていますか？

//adding function listeners
var inputEl = document.getElementById('us');
inputEl.addEventListener('keyup', availability, false); // error here

function availability(name, availabilityDiv)
{
    var name = document.getElementById('us').value;
        //code sniped
}

<input type="text" name="us" id="us" />

私のコードがかなり奇妙であることはわかっているので、説明させてください。入力フィールドに文字が入力されるたびに関数を呼び出し、入力された文字を引数として関数に渡したい。これを行うためのより良い方法があれば教えてください。