Regular Expression Test

by Joshua McNeese

HTML

<textarea id="inputEl" placeholder="foobar"></textarea>
<button id="testBtn">test foo</button>
<button id="matchBtn">match foo</button>
<input type="text" id="regexEl" placeholder="((f)oo)s?" />
<button id="execBtn">exec</button>

CSS

input, textarea { 
    display: block;
}

input, button {
    margin: 1em .5em;
}

JavaScript

var inputEl = document.getElementById("inputEl");
var regexEl = document.getElementById("regexEl");

document.getElementById('testBtn').addEventListener('click', function() {

    console.log(/foo/i.test(inputEl.value));

}, false);

document.getElementById('matchBtn').addEventListener('click', function() {

    console.log(inputEl.value.match(/foo/ig));

}, false);

document.getElementById('execBtn').addEventListener('click', function() {

    console.log(new RegExp(regexEl.value).exec(inputEl.value));

}, false);