32 lines
960 B
Plaintext
32 lines
960 B
Plaintext
<!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>
|