How can I repair my HTML code to convert letters to numbers?

May 4, 2022

I have a code like this:

<!DOCTYPE html>
<html>
  <head>
    <script>
      function replace(){
        var text = document.getElementById("textarea").value;
        var a = text.replace("a", "11");
        var b = text.replace("b", "12");
        var c = text.replace("c", "13");
        document.getElementById("textarea").value = abc;
      }
    </script>
  </head>
  <body>
    <textarea rows="4" cols="50" id="textarea"></textarea>
    <button id="button" onclick="replace();">replace</button>
  </body>
</html>

I’d like to replace letters with numbers, but I don’t know how can I repair this script – only first "var" works or it doesn’t work at all.
I think the problem is here:

document.getElementById("textarea").value = abc;

Thank you.

>Solution :

This is a correct way, you need to

<!DOCTYPE html>
<html>
  <head>
    <script>
      function replace(){
        var text = document.getElementById("textarea").value;
        text = text.replace("a", "11");
        text = text.replace("b", "12");
        text = text.replace("c", "13");
        document.getElementById("textarea").value = text;
      }
    </script>
  </head>
  <body>
    <textarea rows="4" cols="50" id="textarea"></textarea>
    <button id="button" onclick="replace();">replace</button>
  </body>
</html>