JSFiddle - React, Tailwind, and code Playground

by Matt Tunney

HTML

<form id="form"></form>

JavaScript

(function($) {
  "use strict";
  $.fn.buildForm = function(options) {

    var settings = $.extend({
      mktoFormId: null,
      mktoUrl: 'subdomain',
      munchkinId: '123-ABC-456',
      formOutput: ''
    }, options);

    var formContainer = $(this);

    // getJson function and each loop

    settings.formOutput += '<input type="text" id="_mkt_trk" name="_mkt_trk" value="' + readCookie('_mkto_trk') + '" />';
    settings.formOutput += '<input type="text" id="formid" name="formid" value="' + settings.mktoFormId + '" />';
    settings.formOutput += '<input type="text" id="munchkinId" name="munchkinId" value="' + settings.munchkinId + '" />';


    $(formContainer).html(settings.formOutput);
  };

  function readCookie(name) {
    var cookiename = name + "=";
    var ca = document.cookie.split(';');
    for (var i = 0; i < ca.length; i++) {
      var c = ca[i];
      while (c.charAt(0) === ' ') c = c.substring(1, c.length);
      if (c.indexOf(cookiename) === 0) return c.substring(cookiename.length, c.length);
    }
    return null;
  }
}(jQuery));

$("#form").buildForm({
  mktoFormId: 1163
});