JSFiddle - React, Tailwind, and code Playground
by Ajay Shrestha
HTML
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.4/jquery.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container">
<button type="button">Click me</button>
<table class="table">
<tr><td>0</td><td>even</td></tr>
<tr><td>1</td><td>odd</td></tr>
<tr><td>2</td><td>even</td></tr>
<tr><td>3</td><td>odd</td></tr>
<tr><td>4</td><td>even</td></tr>
<tr><td>5</td><td>odd</td></tr>
<tr><td>6</td><td>even</td></tr>
<tr><td>7</td><td>odd</td></tr>
<tr><td>8</td><td>even</td></tr>
<tr><td>9</td><td>odd</td></tr>
<tr><td>10</td><td>even</td></tr>
<tr><td>11</td><td>odd</td></tr>
<tr><td>12</td><td>even</td></tr>
<tr><td>13</td><td>odd</td></tr>
<tr><td>14</td><td>even</td></tr>
<tr><td>15</td><td>odd</td></tr>
<tr><td>16</td><td>even</td></tr>
<tr><td>17</td><td>odd</td></tr>
<tr><td>18</td><td>even</td></tr>
<tr><td>19</td><td>odd</td></tr>
<tr><td>20</td><td>even</td></tr>
<tr><td>21</td><td>odd</td></tr>
<tr><td>22</td><td>even</td></tr>
<tr><td>23</td><td>odd</td></tr>
<tr><td>24</td><td>even</td></tr>
<tr><td>25</td><td>odd</td></tr>
<tr><td>26</td><td>even</td></tr>
<tr><td>27</td><td>odd</td></tr>
<tr><td>28</td><td>even</td></tr>
<tr><td>29</td><td>odd</td></tr>
<tr><td>30</td><td>even</td></tr>
<tr><td>31</td><td>odd</td></tr>
<tr><td>32</td><td>even</td></tr>
</table>
<button type="button">Click Me</button>
</div>
<div class="container">
<ul class="list-group">
<h1>Task in hand</h1>
<li class="list-group-item">Add class blue to even table row</li>
<li class="list-group-item">Add class green to odd table row</li>
<li class="list-group-item">Add class red to every fifth row</li>
<li class="list-group-item">on click li inside class...
JavaScript
$(function(){
$('.hint-button').on('click',function(){
$('.hint').toggleClass('hide');
});
});
$(function(){
$('button').on('click', function(){
});
});