Home > front end >  I am trying to make delete btn but its not working
I am trying to make delete btn but its not working

Time:08-29

I am trying to make a delete button for my calculator project. But, its not working well.

deleteBtn.addEventListener("click", function(){
    console.log(result.textContent.length);

    if (result.textContent !== "") {
        var text = result.textContent;
        var newText = String(text).slice(0, -1);
        result.textContent = parseFloat(newText);
    } 
    if (result.textContent.length == 1) {
        result.textContent = "";
    }
    
})

result is area where the numbers are

CodePudding user response:

You cannot parseFloat empty string

I suggest

result.textContent =  newText || "";

const result = document.getElementById("result");
const deleteBtn = document.getElementById("deleteBtn");
deleteBtn.addEventListener("click", function(){
console.log(result.textContent.length);
if (result.textContent !== "") {
  var text = result.textContent;
  var newText = text.slice(0, -1);
  console.log(newText)
//  result.textContent = parseFloat(newText || "");
  result.textContent =  newText || "";
}
})
<button id="deleteBtn">delete</button>
<div id="result">123</div>

  • Related