JSFiddle - React, Tailwind, and code Playground

by theacadian

HTML

<div style="clear: right; padding-top: 6px;" id="Defaut">
    <div class="title_bar_left">
        <div class="title_bar_right" id="Named81a3d15039ebbe271647aa337eb63b6">QORE System</div>
    </div>
    <div style="padding: 0pt 12px 10px;">
        <span id="Descriptiond81a3d15039ebbe271647aa337eb63b6">
        Qivana has scoured the earth to find powerful, time-tested ingredients that will deliver the benefits you need.  Alone, each ingredient is impressive. But taken together in a synergistic system that compliments each product's attributes they are nothing short of remarkable. Our QORE System was created to engage you in a three month process to Stabilize, Vitalize and Optimize&trade; your health.
        </span>
    </div>
    <div style="clear: both; padding: 4px 0 25px 22px;">
    <div style="float: right; width: 130px;"><img src="/images/store_images/240400.png/usa/eng" style="max-height: 220px;max-width:125px;padding-bottom:15px"></div>
    <div><b class="font_color_primary">QORE System - 4 pack  - $300.00</b><br>
        <div style="padding-left: 10px;">Qivanaï¾’s QORE System 4-pack includes (4) 30-day supplies of Qivanaï¾’s QORE Essentials and QORE Probiotics. QORE Essentials support and protect the cardiovascular system while fighting against stress and fatigue. QORE Probiotics improves digestion, immune system function and nutrient absorption.</div>
        <div style="margin-top:6px;">
            <div id="Div1" class="button" onmouseover="overButton(this);" onmouseout="outButton(this);" onclick="AjaxMethod('/ModuleStore/AjaxCartItemAdd', AjaxCallback, 'CartItemID', '240400', 'CartQuantity', document.getElementById('Quantity240400').value);" style="padding: 0px 10px 0px 0px; background-position: 0px 0px; float: left;">
                <div class="button_text">Add to Cart</div>
            </div>
            <span local="office_global_quantity">quantity</span>: <input type="text" size="3" value="1" name="Quantity240400" id="Quantity240400">
       ...

JavaScript

//240400:4f170d257c4e664b471f862134a9d371:1,240200:06fa20c797be397edcbc3ba49027c074:2,
    
var p =    'var data = {Temp:[' + 
    '{id:"240400",unique:"4f170d257c4e664b471f862134a9d371",quantity:"1"},' + 
    '{id:"240200",unique:"06fa20c797be397edcbc3ba49027c074",quantity:"2"}' + 
    ']' + 
    '}';
eval(p);

for (var i=0;i<data.Temp.length;i++) {
    var ele = data.Temp[i];
    document.getElementById('Quantity'+ele.id).value = ele.quantity;
}