- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
Physics
Chemistry
Biology
Mathematics
English
Economics
Psychology
Social Studies
Fashion Studies
Legal Studies
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
How to make my textfield empty after button click in JavaScript?
For this, you can use onclick=”yourFunctionName()”, and −
document.getElementById(“”).value=’’
Example
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initialscale=1.0"> <title>Document</title> <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fontawesome/4.7.0/css/font-awesome.min.css"> </head> <body> <input type-="text" id="txtBox" placeholder="Enter the value...."/> <button type="button" id="clear" onclick="clearTheTextField()">ClearInputText</button> <script> function clearTheTextField(){ console.log("The text box value="+document.getElementById('txtBox').value) document.getElementById('txtBox').value = ''; } </script> </body> </html>
To run the above program, just save the file name anyName.html(index.html) and right click on the file and select the option open with live server in VS Code editor.
Output
This will produce the following output −
Now enter some value into the text box and click the button ClearInputText.
After entering the value, clicking the button.
This will produce the following output −
- Related Articles
- How to hide a div in JavaScript on button click?
- How to remove li elements on button click in JavaScript?
- How to detect click on HTML button through javascript in Android WebView?
- How to click button Selenium Python?
- How to add and remove names on button click with JavaScript?
- How to trigger a button click on keyboard "enter" with JavaScript?
- How to click on a button with Javascript executor in Selenium with python?
- How to change my code to uncheck radio button from JavaScript to jQuery?
- How to detect click on HTML button through javascript in Android WebView using Kotlin?
- How to handle a Button click event in tkinter?
- How to display JavaScript array items one at a time in reverse on button click?
- How to create an increment of 10 value once you click a button in JavaScript?
- JavaScript Sum function on the click of a button
- How to start new Activity on click button in Android?
- JavaScript how to get an alert to appear when I click on a button in a class?

Advertisements