Я не хочу, чтобы моя форма электронной почты перенаправлялась на мой php-файл

Я создал на своем веб-сайте форму электронной почты для сбора электронных писем с использованием JavaScript и PHP. Первоначально я пытался предотвратить перенаправление меня на www.mywebsite.com/send_email.php с помощью функции fetch, но он все равно перенаправлял меня на другую страницу, на которой отображалось сообщение «Сообщение отправлено!» Спасибо!'. В конце концов мне удалось решить проблему, встроив скрипт в html-файл. Однако мне любопытно узнать, есть ли способ добиться того же результата при загрузке на той же домашней странице, сохраняя при этом код JavaScript в отдельном файле js, связанном с файлом html.

const form = document.getElementById('myForm');
const messageDiv = document.getElementsByName('message');
const errorMessageDiv = document.getElementById('error-message');
      
form.addEventListener('submit', (event) => {
        event.preventDefault(); 
      
        const formData = new FormData(form);
      
        fetch('send_email.php', {
          method: 'POST',
          body: formData
        })
        .then(response => {
          if (response.ok) {
            return response.text(); 
          } else {
            throw new Error('Error sending email.'); 
          }
        })
        .then(message => {
          messageDiv.textContent = message;
          messageDiv.style.display = 'block'; 
          form.reset(); 
        })
        .catch(error => {
          errorMessageDiv.textContent = 'Message Sent! Thank you!';
          errorMessageDiv.style.display = 'block'; 
        });
      });

send_email.php

<?php
$to = '[email protected]';
$from = $_POST['email'];
$name = $_POST['username'];
$subject = $_POST['subject'];
$message = $_POST['message'];

$headers = "From: $from \r\n";
$headers .= "Reply-To: $from \r\n";

$body = "Name: $name\n";
$body .= "Email: $from\n";
$body .= "Subjectt: $subject\n";
$body .= "Message:\n$message";

if (mail($to, 'New Message from Your Website', $body, $headers)) {
  echo "Message sent successfully!"; // Success message
} else {
  echo "An error occurred while sending the email."; // Error message
}

echo json_encode($response);
?>

Я пытался использовать выборку с index.html, но результат все равно тот же.