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>