JSFiddle - React, Tailwind, and code Playground

by lindychen

HTML

<td class="product-name">
						<a href="#" rel="nofollow" class="remove cartflows-icon-close" data-id="1505" data-item-key="0c9ebb2ded806d7ffda75cd0b95eb70c"></a>Get All X&nbsp;						 <strong class="product-quantity">× 1</strong>												</td>

<div class="wcf-bump-order-content">
  <!-- wcf-bump-order-field-wrap -->
  <div class="wcf-bump-order-field-wrap">
    
  </div>
  <!-- wcf-bump-order-field-wrap -->


  <!-- wcf-content-wrap -->
  <div class="wcf-content-container">

    <!-- Right side box  -->
    <div class="wcf-bump-order-offer-content-right">

      <!-- Offer box  -->
      <div class="wcf-bump-order-offer">
        <span class="wcf-bump-order-bump-highlight">ONE TIME OFFER! </span>
      </div>
      <!-- Offer box  -->

      <!-- wcf-bump-order-desc -->
      <div class="wcf-bump-order-desc">
        Grab. </div>
      <!-- wcf-bump-order-desc -->
    </div>
    <!-- Right side box  -->

  </div>
  <!-- wcf-content-wrap -->
</div>

JavaScript

window.addEventListener('load', function () {
var you1 = document.getElementsByClassName("product-name");
var you5 = '';

for(var i = 0; i < you1.length; i++) {
var you2 = you1[i].textContent;
var you3 = you2.replace(/\s/g,"");
var you4 = you3.replace('Xs','');
you5 += you4;
}
var you6 = you5.includes("GetAllX");
if (you6 ="true") {
  document.getElementsByClassName("wcf-bump-order-content")[0].setAttribute('style', 'display:none !important');
}
console.log(you6); 
console.log("finish"); 

});