CODEWITHSUNDEEP
javascriptfunction
RickRoh
RickRoh

Reputation: 1

JavaScript Button input and output reset

I'm working with a button and a text label in javascript and HTML. I have a code that clears the input text label, but i also need the same button to clear the output message it gives = "helloNameOP". How would I add the 2 in the same function? I have both my codes listed below, that work perfectly separated, but I cant figure out how to put them together to work simultaneously.

What I have tried:

 //for removing the Input text label:
onclick = document.getElementById("helloNameInput").value="";


//for removing the Output message recieved:
inputField = document.getElementById("helloNameOP")
document.getElementById('helloNameOP').textContent = " "

I'm not a javascript person, more of a kotlin gal, so I'm trying to learn.

Upvotes: 0

Views: 60

Answers (1)

Alexander
Alexander

Reputation: 658

If I’m understanding correctly, you can get a reference to the button, and then add an event listener.

document.getElementById("the-button-id").addEventListener("click", function () {
  document.getElementById("helloNameInput").value = "";
  document.getElementById("helloNameOP").textContent = "";
});

Upvotes: 1

Related Questions