Breaking News: Grepper is joining You.com. Read the official announcement!

make the close button clear all the input fields in the form after clicking it

Add Answer

Lusaduma Mata answered on September 6, 2021 Popularity 5/10 Helpfulness 1/10

answer make the close button clear all the input fields in the form after clicking it

related clear input field data on button click

related how to clear the input field after clicking a buttons

make the close button clear all the input fields in the form after clicking it

Comment

// Function to show the cookie card after 3 seconds
function showCookieCard() {
    var cookieCard = document.getElementById('cookieCard');
    cookieCard.style.display = 'block';
}

// Set a timeout to call the showCookieCard function after 3 seconds
setTimeout(showCookieCard, 3000);

// Function to hide the cookie card when "Accept" is clicked
function acceptCookies() {
    var cookieCard = document.getElementById('cookieCard');
    cookieCard.style.display = 'none';
}

function openSuccessModal() {
    document.getElementById('successModal').style.display = 'block';
    document.getElementById('overlay').style.display = 'block';
}

function closeSuccessModal() {
    document.getElementById('successModal').style.display = 'none';
    document.getElementById('overlay').style.display = 'none';

    // Clear all input fields in the form
    var form = document.querySelector('.form');
    form.reset();
}

document.addEventListener('DOMContentLoaded', function () {
    // Add event listener to the form for submitting
    document.querySelector('.form').addEventListener('submit', function (event) {
        // Prevent the default form submission
        event.preventDefault();
        // You can perform any additional actions here

        // Open the success modal
        openSuccessModal();
    });

    // Add event listener to the "Accept" button in the cookie card
    document.querySelector('.accept').addEventListener('click', function () {
        // Hide the cookie card when "Accept" is clicked
        acceptCookies();
    });

    // Add event listener to the close button in the success modal
    document.querySelector('#closeModal').addEventListener('click', function () {
        // Close the success modal and clear form fields
        closeSuccessModal();
    });
});

Popularity 5/10 Helpfulness 1/10 Language html

Source: chat.openai.com

Tags: clicking close-button html

Link to this answer
Share Copy Link

Contributed on Oct 05 2023

Lusaduma Mata

0 Answers Avg Quality 2/10

Closely Related Answers

clear input field data on button click

Comment

<button type="button" onclick="ClearFields();">Clear</button>

function ClearFields() {

     document.getElementById("textfield1").value = "";
     document.getElementById("textfield2").value = "";
}

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Sep 06 2021

Nipun

0 Answers Avg Quality 2/10

how to clear the input field after clicking a buttons

Comment

Clear an input field

Popularity 8/10 Helpfulness 1/10 Language whatever

Source: Grepper

Tags: clicking input-field i

Link to this answer
Share Copy Link

Contributed on Jun 22 2023

Zany Zebra

0 Answers Avg Quality 2/10

make the close button clear all the input fields in the form after clicking it

Contents

More Related Answers

make the close button clear all the input fields in the form after clicking it

Closely Related Answers

clear input field data on button click

how to clear the input field after clicking a buttons

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.