v0.1

UX
#95 - Konfetti auf Klick
Lass lustiges Konfetti auf Klick fliegen!
Erstellen Sie im Erfolgszustand des Formulars eine Schaltfläche, mit der das Formular erneut eingereicht werden kann.
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