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
>Solution :
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>