diff --git a/scripts.js b/scripts.js index e2b7e9a..cb4b11a 100644 --- a/scripts.js +++ b/scripts.js @@ -60,23 +60,30 @@ window.addEventListener('load', function() { const newsletterEmailInput = document.querySelector('#newsletter-email'); const formRef = document.querySelector('.newsletter-form form'); if (newsletterAddButton && newsletterEmailInput) { - formRef.addEventListener('submit', function(e) { + formRef.addEventListener('submit', async function(e) { e.preventDefault(); newsletterAddButton.setAttribute('disabled', 'disabled'); newsletterEmailInput.setAttribute('disabled', 'disabled'); const value = newsletterEmailInput.value; - const xhr = new XMLHttpRequest(); - const url = - 'https://nbdggbnqnrevwg6xlex3st3vpe0nyhiq.lambda-url.us-east-2.on.aws/?token=db1f899025b5a59a76b6b34b2a013893'; - xhr.open('POST', url, true); - xhr.setRequestHeader('Content-Type', 'application/json'); - xhr.onreadystatechange = function() { - newsletterAddButton.classList.add('btn-success'); - }; - const data = JSON.stringify({ email: value }); - xhr.send(data); + const url = 'https://nbdggbnqnrevwg6xlex3st3vpe0nyhiq.lambda-url.us-east-2.on.aws/?token=db1f899025b5a59a76b6b34b2a013893'; + + try { + const response = await fetch(url, { + method: 'POST', + headers: { + 'Content-Type': 'application/json', + }, + body: JSON.stringify({ email: value }), + }); + + if (response.ok) { + newsletterAddButton.classList.add('btn-success'); + } + } catch (error) { + console.error('Error submitting newsletter form:', error); + } }); }