Кнопка отправки расширения Chrome внутри тега привязки не перенаправляет
Я создаю простое расширение для хрома. В нем я пытаюсь сделать так, чтобы кнопка отправки в форме перенаправляла пользователя на другую страницу после отправки формы, но я не могу заставить ее работать. Я пробовал следующее:
//First way
const button = document.querySelector('.button');
button.addEventListener('click', () => {
document.location.href = 'results.html';
});
//Second way
const form = document.querySelector('form');
form.onsubmit = redirect;
function redirect() {
location.href = 'results.html';
console.log("successfully redirected");
};
//Third way
<button onclick="window.location.href='results.html'" class="button" type="submit">Submit</button>
//Fourth way
<a href="results.html">
<button class="button" type="submit">Submit</button>
</a>
Моя форма выглядит так
<form method="POST" action="http://localhost:3000/sleep">
<label> How much did you sleep last night?
<input name="duration" type="number">
</label>
<label> How well did you sleep?
<div>
<label>
<input type="radio" name="quality" value="bad">
Bad
</label>
<label>
<input type="radio" name="quality" value="ok">
Ok
</label>
<label>
<input type="radio" name="quality" value="good">
Good
</label>
</div>
</label>
<input type="hidden" name="user_id" value="1">
<button class="button" type="submit">Submit</button>
</form>
Я попытался перенаправить на страницу, используя другие элементы, кроме кнопки отправки, и это как-то сработало. Есть ли что-то в кнопке отправки, что не позволяет мне перенаправить? Я пытаюсь немного улучшить взаимодействие с пользователем, перенаправляя, как только форма отправляется, поэтому я хотел бы перенаправить с помощью кнопки отправки, если это возможно. Кроме того, я не знаю, актуально ли это, но я использую manifest v3.