JSFiddle - React, Tailwind, and code Playground

by Thomas Upton

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dojo/resources/dojo.css">
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.10.1/dijit/themes/tundra/tundra.css">
<body class="tundra">
    <select id="adding"></select>
    <select id="current"></select>

    <div id="result"></div>
</body>

JavaScript

require([
    'dijit/form/Select',
    'dojo/dom',
    'dojo/domReady!'
], function(Select, dom) {

    var cass = 1, spark = 2, solr = 3, hadoop = 4,
        pairs = [[cass, spark],
                 [spark, cass],
                 [hadoop, solr],
                 [solr, hadoop]],

        opts = [{label: 'Cassandra', value: cass},
                {label: 'Spark', value: spark},
                {label: 'Solr', value: solr},
                {label: 'Hadoop', value: hadoop}],

        adding = new Select({options: opts}, 'adding'),
        current = new Select({options: opts}, 'current');

    adding.startup();
    current.startup();

    function chosen() {
        var res = false,
            av = adding.get('value'),
            cv = current.get('value');
        
        res = pairs.some(function(pair) {
            return av === pair[0] && cv === pair[1];
        });

        dom.byId('result').innerHTML = res;
    }

    adding.on('change', chosen);
    current.on('change', chosen);
    
    chosen();
});