JSFiddle - React, Tailwind, and code Playground

by Jesse M

HTML

<div id="test"></div>

JavaScript

const multiplyES6 = (x, y) => x * y;

document.getElementById('test').innerHTML = multiplyES6(2, 3);

const buttonOverlay = (type) => {

}

function buttonOverlay(type){
	var $el = $(type);
	if($el.prop('checked')){
		$('#add-to-cart-form input[data-hook="add-to-cart"]').removeAttr('disabled').closest('span').removeClass('add-to-cart-overlay');
		$('#add-to-cart-form input[value="Add to Wish List"]').removeAttr('disabled').closest('span').removeClass('wishlist-overlay');
	}else{
		$('#add-to-cart-form input[data-hook="add-to-cart"]').prop('disabled', 'disabled').closest('span').addClass('add-to-cart-overlay');
		$('#add-to-cart-form input[value="Add to Wish List"]').prop('disabled', 'disabled').closest('span').addClass('wishlist-overlay');
	}
}