JSFiddle - React, Tailwind, and code Playground

by infous

HTML

<div class="model"></div>
<div class="model"></div>
<div class="model"></div>

JavaScript

function _updateParagraph(settings, className) {
  var paragraph = document.querySelectorAll('.' + className);

  [].map.call(paragraph, function(obj) {
      _updateParagraphClasslist(settings, obj);
  });

};

function _updateParagraphClasslist(settings, paragraph) {
    _.each(settings, function(settingValue, settingName) {
      if (settingName === "visual") {
        paragraph.classList.add(settingValue);
      }
    });
  }

_updateParagraph({visual: 'newclass'}, 'model');