35 lines
920 B
Plaintext
35 lines
920 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>
|