リンククリックでリンク先URLを取得する方法

Question

#やりたいこと
リスト化されたリンクををクリックしたら、ページ遷移はさせずにクリックしたリンクのURLだけを取得したいのですが、『Uncaught TypeError: Cannot read property 'getAttribute' of undefined』というエラーになって、URLの取得ができません。

リンクが1つではなく複数あるので、querySelectorAllで取得したものが配列になることはわかるのですが、クリックしたもののインデックス番号の拾い方に正直自信がありません。
とりあえず、アンカーの数だけループして、そのどれかということで、[i]にしてみたのですが、多分これが良くないんだろうなということしかわからず、詰んでおります。
お力添えいただけますでしょうか。

##コード

<ul id="list">
    <li>
        <a href="000.html"><img src="img/000.png" alt="画像1"></a>
    </li>
    <li>
        <a href="001.html"><img src="img/001.png" alt="画像2"></a>
    </li>
    <li>
        <a href="002.html"><img src="img/002.png" alt="画像3"></a>
    </li>
</ul>

const list = document.getElementById('list');
const anchor = list.querySelectorAll('a');
const result = null;
for(var i=0; i<anchor.length; i++){
    anchor[i].addEventListener('click',function(e){
        e.preventDefault();
        result = anchor[i].getAttribute('href');
        console.log (result);
    });
};

##試してみたこと

• アンカータグが複数あるのでループしてインデックスが[i]になるのが原因かなとも思ったので、試しに、インデックスを0や1にしてみましたが、結果は変わらずでした。
• 当てずっぽうですが、anchor[i]をthisにしてみたらどうだろ？と思ってみて、とりあえず試して撃沈。

Answer 1

// for(var i=0; i<anchor.length; i++)
//      ↓
   for(let i=0; i<anchor.length; i++)

Comments

[Naz.]

ありがとうございます。
ご指摘の個所と、その1行上"const result = null;"を「let」に変えることで、解決しました。