JSFiddle - React, Tailwind, and code Playground

by Margus Martsepp

JavaScript

var specialBanners = {
	//set default values;
	defaultAdDesktop : "adoceanaripaeevbolqmfgbh",
	defaultAdMobile : "adoceanaripaeesakmkoofyy",
	master : {
		desktop : "iCFRzb3NHJjlEVy6LN05e36jnJOhyjAPVqePhX5BLx7._7",
		mobile : "c9AMfrpU7eKW.blzF93B.estYE.TU2MMbSDzBkJhuSb.I7"
	},
	codes : [
		{ "sitecode" : "EA", "taxonomy" : 857, 		"desktop" : "adoceanaripaeeznegmmlqop", "mobile" : "adoceanaripaeeuidqiihufi"},
		{ "sitecode" : "EA", "taxonomy" : 2818, 	"desktop" : "adoceanaripaeeyicmckhrxq", "mobile" : "adoceanaripaeeuidqiihufi"}
	],
	loadSpecialDesktop : function(AdOceanId,AdOceanIdSpecial,mobile,desktop,bannerClass,blockClass,master,taxonomy,taxonomyItems,taxonomyids){
		template = SOSE.LocateObject("AdOceanBannerDesktop");
		master = specialBanners.master.desktop;
		results = specialBanners.codes.filter(function(item) {
			return item.sitecode === "EA" && (indexOf(taxonomyids, item.taxonomy) > -1);
		});
		if(results.length > 0){
			defaultAdDesktop = results[0].desktop;
			defaultAdMobile = results[0].mobile;
		}
		var results = specialbanners.codes.filter(function(item) {
	  		return item.sitecode === "EA" && (indexOf(taxonomyids, item.taxonomy) > -1);
		});
		if(results.length > 0){
			defaultAdDesktop = results[0].desktop;
		}//else use the default

		// Set variables
		if (AdOceanId) { 					SOSE.SetVar("AdOceanId", AdOceanId); }
		if (AdOceanIdSpecial!=null) { 	    SOSE.SetVar("AdOceanIdSpecial", AdOceanIdSpecial); } else{ SOSE.SetVar("AdOceanIdSpecial", AdOceanId); } 
		if (mobile.length > 0) { 			SOSE.SetVar("Mobile", mobile); }
		if (desktop.length > 0) { 			SOSE.SetVar("Desktop", desktop); }
		if (bannerClass.length > 0) { 		SOSE.SetVar("BannerClass", bannerClass); }
		if (blockClass.length > 0) { 		SOSE.SetVar("BlockClass", blockClass); }
		if (master.length > 0) { 			SOSE.SetVar("Master", master); }

		// Evaluate template file and print result
		SOSE.Echo(SOSE.PBOScript(template));
	},
	loadSpecialMobile :...