JSFiddle - React, Tailwind, and code Playground

by Agony

HTML

<input type='button' name='Save' id='saveCut' value='Save Cut' class=button onClick=\"Puma.saveTheCut()\">
    <input type="button" value="Works" class="button" onclick="Puma.saveTheCut()">
        <span id="test">DID IT WORK?</span>
        <span id="test1" style="display:none;">YUP</span>

CSS

input{
	cursor:pointer;
    }

JavaScript

function Puma.saveTheCut() {
    var offerId = inStoreCut.cutOfferFields[0];
    var merchId = inStoreCut.cutOfferFields[1];
    var adId = inStoreCut.cutOfferFields[2];
    var eventID = inStoreCut.cutOfferFields[3]; 
    var adNum = inStoreCut.cutOfferFields[4]; 
    var cutID = inStoreCut.cutOfferFields[5];  


    var merchDescription = parent.main.document.getElementById('merchDescription').value;
    var UPC = parent.main.document.getElementById('merchUPC').value;

    var nrfSampleColorObj = parent.main.document.getElementById('itemColor');
    var nrfSampleColor = nrfSampleColorObj.options[nrfSampleColorObj.selectedIndex].value;

    var nrfsampleSubColorObj = parent.main.document.getElementById('itemChildColor');
    var colorCodeStr = nrfsampleSubColorObj.options[nrfsampleSubColorObj.selectedIndex].value;

    var nrfsampleSubColor = colorCodeStr.substring(0, 3);

    var customer_Facing_Color = parent.main.document.getElementById('merchCustomerFacingColor').value;


    var division = parent.main.document.getElementById('merchFob').value;
    var deptNum = parent.main.document.getElementById('merchDept0~0').value;
    var vendorNum = parent.main.document.getElementById('merchVendorNum0~0').value;
    var pID = parent.main.document.getElementById('pID0~0').value;

    var regPrice = parent.main.document.getElementById('regPrice').value;
    var sampleSize = parent.main.document.getElementById('itemSize').value;
    var itemQty = parent.main.document.getElementById('itemQty').value;
    if (parent.main.document.getElementById('chkMerchSet').checked) {
        var set = "1";
    }
    else {
        var set = "0";
    }

    var sampleTypeObj = parent.main.document.getElementById("itemType");
    var sampleType = sampleTypeObj.options[sampleTypeObj.selectedIndex].text;


    var merchColorCorrObj = parent.main.document.getElementById("merchColorCorr");
    var colorCorr = merchColorCorrObj.options[merchColorCorrObj.selectedIndex].value;
    var...