JSFiddle - React, Tailwind, and code Playground

by Joe Saad

HTML

<a href="" class="place">rerer</a>

<div id="colorado">sdakdjk</div>

SCSS

a {
  color: green;
  &.place{
    color: red;
  }
}

JavaScript

class Cart {
    
    constructor () {
        this.cartItems = [];
    }
  
    addItem(item) {
      this.cartItems.push(item);
    }
    
    showItems(){
    	console.log(this.cartItems);
    }

    get totalPrice () {
       return this.cartItems.map(x=> x.price * x.quantity).reduce((a,b)=> a+b);

    }

}

const cartInstance = new Cart();

cartInstance.addItem({product: "apple", quantity: 2, price: "3.95"})
cartInstance.addItem({product: "banana", quantity: 7, price: "5.80"})
cartInstance.addItem({product: "pear", quantity: 1, price: "12.83"})

cartInstance.showItems();

var p = document.querySelector('div#colorado')
if(document.body.contains(p)){
console.log('test')
}
/*if (p.length>1) {
console.log('test432423')
}
*/