The following is just a test of the color setting of buttons.
The question is: What am I doing wrong with the classes of ‘.sub’ and ‘.mul’?
`<!DOCTYPE html><html lang=”en”><head><title> Test Class Settings </title>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width-device-width,initial-scale=1.0, user-scalable=yes”/>
<style>
button { width: 8em; font-size: 1.2em; }
button.add { background-color: lime; }
button.sub ( background-color: pink; )
button.mul { background-color: cyan; }
button.div { background-color: orange; }
#demo { background-color: yellow; height: 10em; }
</style>
</head><body>
<fieldset id=”btnTable”><legend>Button Array Calculator</legend>
<button class=”add” data-array=”1,2,3,4″>Add: 1,2,3,4</button>
<button class=”add” data-array=”4,3,2,1″>Add: 4,3,2,1</button>
<button class=”add” data-array=”1,1,1,1″>Add: 1,1,1,1</button>
<button class=”add” data-array=”2,2,2,2″>Add: 2,2,2,2</button><br>
<button class=”sub” data-array=”1,1,1,1″>Sub: 1,1,1,1</button>
<button class=”sub” data-array=”2,2,2,2″>Sub: 2,2,2,2</button><br>
<button class=”mul” data-array=”2,2,2,2″>Mul: 2,2,2,2</button>
<button class=”mul” data-array=”3,3,3,3″>Mul: 3,3,3,3</button><br>
<button class=”div” data-array=”2,2,2,2″>Div: 2,2,2,2</button>
<button class=”div” data-array=”3,3,3,3″>Div: 3,3,3,3</button>
</fieldset>
<button>Results</button>
<button>Clear results</button>
<pre id=’demo’><b>NOTE:</b> Does nothing at this time</pre>
</body></html>
`
The background color do not change for the ‘sub’ or ‘mul’ classes.
Should be a simple fix, but I just don’t see it (???)