Add form submit script
This commit is contained in:
parent
9778ff4ed3
commit
d5ba3b108a
|
@ -87,17 +87,17 @@
|
||||||
|
|
||||||
<div class="flex flex-col w-52">
|
<div class="flex flex-col w-52">
|
||||||
<h3 class="text-base text-white mb-5">Signup for updates</h3>
|
<h3 class="text-base text-white mb-5">Signup for updates</h3>
|
||||||
<form action="">
|
<form action="" class="footer__form">
|
||||||
<div class="flex items-center w-full">
|
<div class="flex items-center w-full">
|
||||||
<input
|
<input
|
||||||
class="
|
class="
|
||||||
text-xs text-white
|
text-xs text-white
|
||||||
opacity-50
|
|
||||||
w-full
|
w-full
|
||||||
bg-black
|
bg-black
|
||||||
border-b border-white
|
border-b border-white
|
||||||
mr-2
|
mr-2
|
||||||
focus:outline-none
|
focus:outline-none
|
||||||
|
placeholder-white placeholder-opacity-50
|
||||||
"
|
"
|
||||||
type="email"
|
type="email"
|
||||||
placeholder="your email"
|
placeholder="your email"
|
||||||
|
@ -113,6 +113,11 @@
|
||||||
></button>
|
></button>
|
||||||
</div>
|
</div>
|
||||||
</form>
|
</form>
|
||||||
|
<p
|
||||||
|
class="footer__confirm text-base italic text-white opacity-75 hidden"
|
||||||
|
>
|
||||||
|
You signed up! Check your e-mail
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -6,6 +6,8 @@ const burgerClose = document.querySelector(".burger__button--close");
|
||||||
const menuMobile = document.querySelector(".nav-mobile");
|
const menuMobile = document.querySelector(".nav-mobile");
|
||||||
const menuLinks = document.querySelectorAll(".nav__link");
|
const menuLinks = document.querySelectorAll(".nav__link");
|
||||||
const overlay = document.querySelector(".overlay");
|
const overlay = document.querySelector(".overlay");
|
||||||
|
const form = document.querySelector(".footer__form");
|
||||||
|
const confirmation = document.querySelector(".footer__confirm");
|
||||||
|
|
||||||
const closeMobileMenu = () => {
|
const closeMobileMenu = () => {
|
||||||
burgerOpen.classList.toggle("hidden");
|
burgerOpen.classList.toggle("hidden");
|
||||||
|
@ -29,3 +31,9 @@ menuLinks.forEach(function (link) {
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
|
form.addEventListener("submit", function (e) {
|
||||||
|
e.preventDefault();
|
||||||
|
form.classList.toggle("hidden");
|
||||||
|
confirmation.classList.toggle("hidden");
|
||||||
|
});
|
||||||
|
|
Loading…
Reference in New Issue