replace-text

Replace text with something else.

by Brock Callahan

HTML

<h1>Replace Text</h1>
<div>
<label for="toReplace">replace:</label>
<input id="toReplace" type="text"><br>
<label for="changeTo">with:</label>
<input id="changeTo" type="text"><br>
<input id="replaceBtn" type="submit" value="replace">
</div>
<textarea name="content" id="content" cols="30" rows="10"></textarea>

JavaScript

var btn = document.getElementById("replaceBtn");

btn.onclick = function () {
    "use strict";
    var content = document.getElementById("content");
    var replace = document.getElementById("toReplace").value;
    var replacement = document.getElementById("changeTo").value;
    var rgx = new RegExp(replace, "g");
    var newStuff = content.value.replace(rgx, replacement);
    content.value = newStuff;
};