Dojo dom-Class example

This JSFiddle is configured and ready to use for testing the Dojo framework.

by frank123

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.9.1/dijit/themes/claro/claro.css">
<div id="node" class="red"> </div>
<br>
<button id='btn'>Swap</button>

CSS

.red {
    height:50px;
    width:50px;
    background-color:red;
    
}
.green {
    height:50px;
    width:50px;
    background-color:green;
    
}

JavaScript

require( [
    'dojo/dom',
    'dojo/dom-class',
    'dojo/domReady!'
], function(dom, domClass) {
    function swapColor(  ){
      
      if (value == 0){
        
        domClass.remove('node', 'red');
        domClass.add('node', 'green');
        value = 1;
      }
      else{
        
        domClass.remove('node', 'green');
        domClass.add('node', 'red');
        value = 0;
      }
      
      
    }
    value = 0;
    
    dom.byId("btn").onclick = swapColor;
    
    
});