I am creating a javascript calculator and I am stuck. How can I clear the calculator result (answer) in the textbox so that another input click by the user will only show the number that was clicked, ex: say the answer showing is 3.00, if the user clicks the number 4 button or any other number button, I need it to clear out the 3.00 (answer) and only display the number 4 or whatever number button was clicked so they can input a new formula to be calculated. currently, once i get the answer, if i click on any of the number buttons, it just adds that number to the answer, for ex: say the answer is 3.00 and I click the number 4, it will display as 3.004.

the following is my code:

calculator.js -

window.addEventListener("load", function() { document.getElementById("convertBtn").addEventListener("click", convert); //will get all button values var numbers = document.getElementsByClassName("digit"); var size = numbers.length; //gets length of array of numbers/button values //loops through and adds an event listener to each of the buttons for (var i = 0; i

and my html code is below:

calculator.html -

JS Calculator

• Home
• My Movies
• My Hobby
• Other Pages
  • Animation
  • Youth Shelter
  • Pet Competition Form
  • Ad-lib Story
  • Slideshow
  • JS Calculator

JavaScript Calculator

JS-18X

Created by Cory Coleman

**please put the changes I need to make in bold and where in my code I need to make those chnges**