ecki/JavaScript-from-Beginner-to-Professional
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update Find and Replace text

Browse Source
This commit is contained in:
LSvekis 2021-09-11 14:44:29 -04:00 committed by GitHub
parent 143b56d64f
commit 59b4952d6c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
Chapter 12/Find and Replace text
View File

@ -1,26 +1,28 @@
<!doctype html>
<html>
<head>
    <title>Complete JavaScript Course</title>
<title>Complete JavaScript Course</title>
</head>
<body>
    <div id="output">Complete JavaScript Course</div>
<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>>
<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');
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;
@ -28,4 +30,5 @@
}
</script>
</body>
</html>