modalCloseBtn.addEventListener('click', function(){
modal.style.display = 'none'
})
consentForm.addEventListener('submit', function(e){
e.preventDefault()
/*
Challenge:
1. Inside the body of this event listener,
create a const and set it equals to a new
instance of FormData which takes in our HTML
form element as a parameter.
2. Log out the const (you should just get
a FormData object).
*/
modalText.innerHTML = `
<div class="modal-inner-loading">
<img src="images/loading.svg" class="loading">
<p id="upload-text">Uploading your data to the dark web...</p>
</div>`
setTimeout(function(){
document.getElementById('upload-text').innerText = `
Making the sale...`
}, 1500)
setTimeout(function(){
document.getElementById('modal-inner').innerHTML = `
<h2>Thanks you sucker! </h2>
<p>We just sold the rights to your eternal soul.</p>
<div class="idiot-gif">
<img src="images/pirate.gif">
</div>
`
}, 3000)
})
const modal = document.getElementById('modal')
const modalCloseBtn = document.getElementById('modal-close-btn')
const consentForm = document.getElementById('consent-form')
const modalText = document.getElementById('modal-text')
setTimeout(function(){
modal.style.display = 'inline'
}, 1500)
