如何在这里正确使用 e.preventDefault？

Question

我可能忽略了一些愚蠢的事情，但有人可以告诉我为什么我的 .preventDefault() 不起作用并且每次我提交时它都会重新加载页面

const text = document.querySelector('#text');
const amount = document.querySelector('#amount');
const btn = document.querySelector('.btn');
const balance = document.querySelector('#balance');
const moneyPlus = document.querySelector('#money-plus');
const moneyminus = document.querySelector('#money-minus');

const list = document.querySelector('.list');

const textval = text.value;
const amountval = amount.value;

btn.addEventListener('submit', (e)=>{
    e.preventDefault();
    console.log(text.value);
    const item = document.createElement('li');
    item.classList.add('plus');
    item.innerHTML = `
        ${textval} ${amountval}
    `
    list.appendChild(item);
    console.log(list);
});
console.log(textval);