<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

onclick clear input field javascript

Comment

<h2 id="count-me">4</h2>
<button onclick="save()">Reset</button>

function save() {
  	// If what you want to reset is an integer 
	document.getElementById("count-me").textContent = 0;
  
  	//  If what you want to reset is a textfield
  	document.getElementById("textfield1").value = "";
    let count = 0; // If you create a count variable in Javascript
}

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: input input-field javascript onclick reset

Link to this answer
Share Copy Link

Contributed on Feb 17 2022

emmanuelakbi

0 Answers Avg Quality 2/10

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

how to clear the input field after clicking a buttons

Contents

More Related Answers

how to clear the input field after clicking a buttons

Closely Related Answers

clear input field data on button click

onclick clear input field javascript

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

Grepper

Documentation

Social

Legal

Contact

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