Clear Input Button

Question

How do I clear the input of my form
After calling on a function to perform a calculation based on the users input

Answer 1

i'll make a quick code...

Answer 2

reference the DOM of your input and set the value = "" or " " when the calculation is complete [end of the function before closing it]

Answer 3

are you using the <form> tag?

Answer 4

user cyk got it ready and done ;)

Answer 5

cyk's code clears the previous input on focus (when you click the input box).
its a lot nicer IMO but we'll help regardless

Answer 6

cyk
Yeah lol it will require JS code; unless theres a CSS alternative but im no CSS guru

Answer 7

cyk you want to help him or her make something simple?

Answer 8

cyk yep that sounds like the solution ;)

Answer 9

Here love. You've got your answer. Played around with one of the codes I posted earlier
https://code.sololearn.com/Ws19kJz1Bc72/?ref=app

Answer 10

I didn't code it to do that. I only solved your "clear input field on button click issue"... The rest doesn't have much to do with JS per say, it is a function that gets the value of the input field and does a conversion and returns it. Give it a try and we will help if you get stuck. ☺

Answer 11

Aaaaaah... You want the user to click on a button that will clear the field. Is that it?

Answer 12

「ＨＡＰＰＹ ＴＯ ＨＥＬＰ」 Seems we were answering the wrong question? This needs JS code

Answer 13

「ＨＡＰＰＹ ＴＯ ＨＥＬＰ」 love Nah. JS. Event handler for the clear button. We could also do in the button stuff in HTML, onclick="this.form.reset();". But the button will have to be with the input fields between form tags

Answer 14

「ＨＡＰＰＹ ＴＯ ＨＥＬＰ」 Sure!...

Answer 15

Here. Look at line 15 of the first code, the part that has to do with onfocus and line 16 of the second code, the part that has to do with onfocus. They both do what you want, kind of. Basically when the user clicks in the input field it is cleared and ready to receive new inputs
https://code.sololearn.com/Wte6t2yXQMvF/?ref=app
https://code.sololearn.com/WAMXplm993Bk/?ref=app

Answer 16

Aight...thanks... Appreciate the help

Answer 17

How would that look like

Answer 18

Yes but when I do the solution disappears. The function is to convert Fahrenheit to Celsius and the clear the input

Answer 19

Then

Answer 20

I need a button to clear the input though