JSFiddle - React, Tailwind, and code Playground

by Hans PUFAL

HTML

<input data-jsvar="myvar_1" value="123">
      
  <input data-jsvar="myvar_2" value="456">      
      
      <pre id="log"></pre>

JavaScript

function changeVar (ev) {
        var v = this.getAttribute ('data-jsvar');
        if (v && v in window) {
          window[v] = this.value;
          document.getElementById ('log').innerHTML += v + ' = ' + window[v] + '\n';
        }
      }


      [].forEach.call (document.querySelectorAll ('[data-jsvar]'), function (inp) {
          inp.addEventListener ('change', changeVar, false);
          window[inp.getAttribute ('data-jsvar')] = inp.value; // optional init for var
      });