Home/ Questions/Q 9198223
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T22:14:13+00:00

i confused with this code <!DOCTYPE html> <html> <body> <p>Click the button to replace

  • 0

i confused with this code

<!DOCTYPE html>
<html>

    <body>
        <p>Click the button to replace "Microsoft" with "W3Schools" in the paragraph
            below:</p>
        <p id="demo">Microsoft Visit Microsoft! Microsoft visit visit microsoft Visit Visit
            Visit Visit</p>
        <button onclick="myFunction()">Try it</button>
        <script>
            function myFunction() {
                document.getElementById("demo").innerHTML = document.getElementById("demo").innerHTML.replace(/ Visit |Microsoft/gi, ' test ');
            }
        </script>
    </body>

</html>

when click on button some words didn’t change,if click again will change

after first click

test test test ! test test visit test test Visit test Visit

after second click

test test test ! test test test test test test test test

why some words didn’t change in first time?
sincerely

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This happens because in your #demo contents two not replaced Visit words do not have space after it (the first has new line, the second has line end).

    In order to fix it, instead you may use \b as word boundary: /\bVisit\b|Microsoft/gi.

    DEMO: http://jsfiddle.net/dyz5w/

    • 0