, значит, в вашем коде есть две проблемы. Сначала ваша кнопка - это кнопка типа рядом с типом отправки. Во-вторых, вы используете return false, что означает, что вы останавливаете процесс отправки.
, чтобы вы могли заставить его работать без перезагрузки страницы, вам не нужно создавать форму. Это будет немного отличаться от того, чему вас учат в школе, но я надеюсь, что это поможет.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<script type='text/javascript' src='https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js'></script>
<script type='text/javascript'>
(function () {
emailjs.init('user_ID');
})();
</script>
<title>Document</title>
</head>
<body>
<div class="box">
<label for="fullname" class="form-tag">Name</label>
<input type="text" name="name" id="fullname" class="form-control" required />
<label for="emailaddress" class="form-tag">Email</label>
<input type="email" name="email" id="emailaddress" class="form-control" required />
<div class="button">
<button id="button" type="button" class="btn btn-light btn-lg">Submit</button>
</div>
</div>
<script src="assets/js/sendEmail.js"></script>
</body>
</html>
JS (sendEmail. js файл) :
//Getting the name and email from the DOM
let fullName = document.getElementById('fullname').value
let email = document.getElementById('emailaddress').value
//Getting the button from the DOM
let submitButton = document.getElementById('button')
//Add event listener on click to the button - notice i added the event as argument to the function
submitButton.addEventListener('click', function(event){
//prevent the reload of the page. here i prevent the event.
event.preventDefault()
//Sending the email with the name and email
emailjs.send("gmail", "yourjourney", {
"from_name": fullName,
"from_email": email,
})
.then(
function (response) {
console.log("SUCCESS", response);
},
function (error) {
console.log("FAILED", error);
}
);
})
Если вам нужна форма и ее часть для домашнего задания или что-то еще, дайте мне знать, чтобы я мог изменить код в соответствии с тем, что вы изучаете.