Create Find and Replace text

2021-07-01 17:19:32 -04:00
parent 914cb685d1
commit d598cb2a0c
1 changed files with 31 additions and 0 deletions
@@ -0,0 +1,31 @@
 <!doctype html>
 <html>
 <head>
        <title>Complete JavaScript Course</title>
 </head>
 <body>
        <div id="output">Complete JavaScript Course</div>
    Search for :
        <input id="sText" type="text">
        <br> Replace with :
        <input id="rText" type="text">
        <br>
        <button>Replace</button>>
    <script>
        const output = document.getElementById('output')
        const findValue = document.getElementById('sText');
        const replaceValue = document.getElementById('rText');
        document.querySelector("button").addEventListener("click", lookUp);
        function lookUp() {
            const s = output.textContent;
            const rt = replaceValue.value;
            const re = new RegExp(findValue.value, "gi");
            if (s.match(re)) {
                let newValue = s.replace(re, rt);
                output.textContent = newValue;
            }
        }
    </script>
 </body>
 </html>