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

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('IndividualCourses','');
you5 += you4;
}
var you6 = you5.includes("GetAllCourses");

document.addEventListener('load',function(e){
console.log(e.target);
 if(e.target && e.target.getElementsByClassName[0]=='wcf-bump-order-content' && you6 ===true){
document.getElementsByClassName("wcf-bump-order-content")[0].setAttribute('style', 'display:none !important');
     }

});