JSFiddle - React, Tailwind, and code Playground

by sanford

HTML

The best place to buy a <SPAN id="keywordEcho">{{Replaced Text}}</SPAN>!

CSS

#keywordEcho {
    text-decoration: underline;
}

JavaScript

var browsedLocation;
if ( window == parent ) {
    browsedLocation = window.location;
} else {
    // jsFiddles run in an iframe
    browsedLocation = document.createElement('A');
    browsedLocation.href = document.referrer;
}

// get keywords from URL
var querystring = browsedLocation.search;
queryitems = querystring.split(/^\?|&|=|#/i);
keywords_index = queryitems.indexOf('keywords')+1;
keywords = queryitems[keywords_index].split(',');

// now just set text on our designated element
document.querySelector('#keywordEcho').innerText = keywords.join(" ");