Operator experiments

Experimenting with the use of &&, || et cetera, in a way I haven't really done before.

by mich

HTML

<div id="console">
    <button onclick="omgAction1()">&&</button>
    <button onclick="omgAction2()">||</button>
    <button onclick="omgAction3()">? :</button>
</div>

CSS

body { margin:0; padding:0 }
#console {
    width: 100%;
    height: 100%;
    position: fixed;
    overflow: auto;
    background: #000;
    color: #0F0;
    font-family: monospace;
    font-size: 12px;
    padding: 5px;
}
button {
    border: solid 1px #090;
    background: #020;
    color: #0F0;
}

JavaScript

var console = {
    log: function(logContent) {
        document.getElementById('console').innerHTML += "<br />" + logContent;
    }
};

function omgAction1 () {
    var b = 0;
    var a = b && 'foo';
    console.log(a);
}
function omgAction2 () {
    var b = 0;
    var a = b || 'foo';
    console.log(a);
}
function omgAction3 () {
    var b = 0;
    var a = b ? 'foo' : 'bar';
    console.log(a);
}