JSFiddle - React, Tailwind, and code Playground

by Luke Marlow

HTML

<div class="output"></div>
<button>Go</button>

JavaScript

$('button').click(function(e) {
    e.preventDefault();
    
    var buttonArray = [
        	A1_button_show = 'true',
        	A2_button_show = 'true',
        	A3_button_show = 'true',
        	B1_button_show = 'true',
        	B2_button_show = 'true',
        	B3_button_show = 'true',
        	C1_button_show = 'true',
        	C2_button_show = 'true',
        	C3_button_show = 'true',
        	D1_button_show = 'true',
        	D2_button_show = 'true',
        	D3_button_show = 'true',
		],
        blocks = [
            'A1', 'A2', 'A3',
            'B1', 'B2', 'B3',
            'C1', 'C2', 'C3',
            'D1', 'D2', 'D3',    
        ],
        length = blocks.length,
        name = '';

	for (i = 0; i < length; i++) {
        name = blocks[i]+'_button_show';
        console.log(buttonArray.name);
	}
});