JSFiddle - React, Tailwind, and code Playground

by TheBanana

HTML

<input type="text" id="input1" onkeydown="if (event.keyCode == 13) getParameters()" value="color=red&src=link" />
<div id="test_div">SOME TEXT</div>
<br>

CSS

input {width: 300px;}

JavaScript

function getParameters() {
  var searchString = document.getElementById('input1').value,
      params = searchString.split("&"),
      hash = {};

  if (searchString == "") return {};
  for (var i = 0; i < params.length; i++) {
    var val = params[i].split("=");
    hash[unescape(val[0])] = unescape(val[1]);
  }
    console.log(hash);
  //return hash;
    $.each(hash, function( attribute, value ) {
            
        if(attribute=="color"){
            test_div.style[attribute]=value;
        }
        else if(attribute=="src"){
            test_div.setAttribute(attribute,value);
        }
    });
}