Al hacer clic en Enviar, me gustaría enviar el formulario e invocar la función que hará que los formularios muestren la propiedad en NINGUNO, y mi div.slika para obtener la clase de .display. Soy tan nuevo en esto, y sé que me falta algo de código en este, pero no tengo ni idea de cómo solucionarlo... Puedo hacer que la transición suceda con este, pero el formulario no se envía.

 <form class='formclass' method="POST" action="contact.php"> <input name="name" type="text" placeholder="First Name" required> <input name="lastname" type="text" placeholder="Last Name" required> <input name="email" type="email" placeholder="E-mail" required> <textarea name="message" placeholder="Message" required></textarea> <input onclick="removeForm()" id="confbtn" type="submit" value="CONFIRM" class='confbtn'> </form> <div id="slika" class="slika"> <img src="img/gif.gif" alt=""> </div>

JS

 const form = document.querySelector('.formclass'); const formButton = document.querySelector('.confbtn'); const thankYou = document.querySelector('.slika'); function removeForm() { form.style.display = "none"; thankYou.classList.add('display'); }

CSS

 .slika { height: 500px; position: absolute; opacity: 0; z-index: -4; } .display { opacity: 1; transition: all 2s ease; }