Home/ Questions/Q 3308036
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-17T21:28:32+00:00

When I add text to a div in a chrome extension popup, the text

  • 0

When I add text to a div in a chrome extension popup, the text appears for a fraction of a second and then immediately dissappears again.

This is a small example:

<html>
  <head>
    <script>
      function show() {
        var newName = document.showMe.textToShow.value;
        var txt = document.createTextNode(newName);
        document.getElementById("feedback").appendChild(txt);
      }
    </script>
  </head>
  <body>
    <form name="showMe">
      Name: <input type="text" name="textToShow" /><br />
      <input type="submit" value="Show" OnClick="show()" />
    </form>
    <div id="feedback"></div>
  </body>
</html>

What am I doing wrong?

Thanks,

Miel.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It works, but then the form gets submitted. You have to suppress sending the form like this

    <input type="submit" value="Show" OnClick="show(); return false" />

    or use a button:

    <button type="button" onclick="show()">Show</button>
    • 0