I want to delete one letter at each click of the backspace key

Question

How do I delete each letter the textcontent of a paragraph element at each keydown on the backspace key button like the input field remove one letter at time.

<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width">
      <title>repl.it</title>
      <link href="style.css" rel="stylesheet" type="text/css" />
   </head>
   <body>
      <p></p>
      <script>
         let p = document.querySelector("p")
         document.addEventListener("keydown",function(e){
           if(e.key === "Backspace"){
          p.textContent-=e.key;
         }else{
         p.textContent+=e.key
          }
          })

      </script>
   </body>
</html>

Does this answer your question? [JavaScript chop/slice/trim off last character in string](https://stackoverflow.com/questions/952924/javascript-chop-slice-trim-off-last-character-in-string) — Heretic Monkey, Mar 05 '20 at 00:08

score 10 · Answer 1 · answered Mar 04 '20 at 20:27

10

Instead of p.textContent-=e.key; do p.textContent = p.textContent.slice(0, -1);.

answered Mar 04 '20 at 20:27

Andre Nuechter

2,141
11
19

Thanks brother that means alot. – ahmed Ali Mar 04 '20 at 20:29
@ahmedAli My pleasure :) – Andre Nuechter Mar 04 '20 at 20:32
I am making an app are you in. – ahmed Ali Mar 04 '20 at 20:33
You answered my question once I solved it about my but still thank you. – ahmed Ali Mar 04 '20 at 20:34
@ahmedAli Is there a git repo for your app I can look up? – Andre Nuechter Mar 04 '20 at 20:44

I want to delete one letter at each click of the backspace key

1 Answers1