html - adding a reset button in javascript - Stack Overflow

admin管理员组

文章数量:1315291

I am very green and starting to learn JS, just started my small project for practice. I found my "reset" button is no longer working, would you guys pls hv some ments? Thanks a lot.

<input type="button" value="Reset" onclick="clear()">
function clear(){
document.getElementById("result").value.reset();}

I am very green and starting to learn JS, just started my small project for practice. I found my "reset" button is no longer working, would you guys pls hv some ments? Thanks a lot.

<input type="button" value="Reset" onclick="clear()">
function clear(){
document.getElementById("result").value.reset();}

• javascript
• html

Share Improve this question Follow asked Jun 30, 2020 at 4:39 willaimwillaim 2311 gold badge11 silver badge33 bronze badges 3

• 2 What is your "result" element? – djcaesar9114 Commented Jun 30, 2020 at 4:41
• FormElement.reset() resets a form, if that's what you want... or maybe you want something like document.getElementById('result').value = 'some value here'; – StackSlave Commented Jun 30, 2020 at 4:42
• Yea, Although my question is stupid but you guys are helpful, thanks. – willaim Commented Jun 30, 2020 at 4:58

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 3

Watch out, clear is already taken, you should rename your function:

function clearResult(){
  document.getElementById("result").value = ''
}

<input id="result" type="text" />
<input type="button" value="Reset" onclick="clearResult()">

See for example https://developer.mozilla/fr/docs/Web/API/Document/clear

There are two ways to solve this error that I figured out. First thing if you want to use reset() then, use the following code:

<form id="result">
<input type="text">
  <input type="button" value="Reset" onclick="clear1()"></form>
<script>
function clear1(){
  document.getElementById("result").reset();}</script>

So if you see here, I have used the tag. Three errors I found in your markup were:

1. clear() method is already reserved in javascript. clear() method in JavaScript is used for the removal of all the elements from a map and make it empty. So, instead use any other function name like clear1() just like I did.
2. reset() function works for the tag. So instead of giving input tag an id give that id to the tag.
3. You don't have to use the value in reset() method Use this method when you have a lot of input tags to perform with. Just wrap it with a tag.

Another method is easy when you have only one or two tags.

<input type="text" id="result">
  <input type="button" value="Reset" onclick="clear1()">

<script>
function clear1(){
document.getElementById("result").value= ''}
</script>

Change

document.getElementById("result").value.reset()

to

document.getElementById("reset").reset();

And also, rename clear to some other function as clear is a reserved word and does something entirely different.

 function myFunc() {
     document.getElementById("reset").reset();
 }

  <form id="reset">
    Name<br><input type="text"  name=""><br>
    foo<br><input type="text" name=""><br>
    <input type="button" onclick="myFunc()" value="Reset">
 </form>

本文标签： htmladding a reset button in javascriptStack Overflow