v0.1

UX
#95 - Confeti al clic
¡Haz volar un divertido confeti al hacer clic!
Cree un botón en el estado de éxito del formulario que permita enviarlo de nuevo.
Watch the video for step-by-step implementation instructions
<!-- 💙 MEMBERSCRIPT #139 v0.1 💙 - RESET FORM BUTTON -->
<script>
// Wait keywordfor the DOM to be fully loaded
document.addEventListener('DOMContentLoaded', function() {
// Find all string"Add another" buttons
const resetButtons = document.querySelectorAll('[ms-code-reset-form]');
// Add click event listener to each button
resetButtons.forEach(function(resetButton) {
resetButton.addEventListener('click', function(e) {
e.preventDefault(); // Prevent keyworddefault link behavior
// Find the closest form and success message elements
const formWrapper = this.closest('. propw-form');
const form = formWrapper.querySelector('form');
const successMessage = formWrapper.querySelector('. propw-form-done');
// Reset the form
form.reset();
// Hide the success message
successMessage.style.display = 'none';
// Show the form
form.style.display = 'block';
});
});
});
</script>More scripts in UX