JSFiddle - React, Tailwind, and code Playground

by jasonwilczak

HTML

<div>
    <label>Search Text: <input type="text" id="txtSearch"/></label>
    <a href="#" id="go">Go</a>
</div>
<hr/>
<div>
    <p>Result:</p>
</div>
<div>
    <p id="result"></p>
</div>
<hr/>
<div>Log:</div>
<div id="log"></div>

JavaScript

function getSearchParameter(searchText) {
     log('Running Regex against: ' + searchText);
                var regex = new RegExp("[\\?&#]([^#]{1})"),
                    results = regex.exec(searchText);
     log('total results found: ' + (results === null ? 0 : results.length));
                return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
 }
document.getElementById('go').onclick = function() {
    log('Go button clicked');
  var searchText = document.getElementById('txtSearch').value;
    var result = getSearchParameter(searchText);
    debugger;
    log('Results at index 0: ' + result);
    document.getElementById('result').innerHTML = result;
};

function log(textToWrite) {
 document.getElementById('log').innerHTML += "<br/>"+textToWrite;   
}