JSFiddle - React, Tailwind, and code Playground

HTML

<div id="out" />

JavaScript

$(document).ready(function() {
    function log(test) {
        $('div#out').append($('<p />').text(test));
    }

    function testOperatorPrecedence() {
        log('(false || false && false) === ' + (false || false && false).toString());
        log('(false || false && true) === ' + (false || false && true).toString());
        log('(false || true && false) === ' + (false || true && false).toString());
        log('(false || true && true) === ' + (false || true && true).toString());
        log('(true || false && false) === ' + (true || false && false).toString());
        log('(true || false && true) === ' + (true || false && true).toString());
        log('(true || true && false) === ' + (true || true && false).toString());
        log('(true || true && true) === ' + (true || true && true).toString());
        log('----------------------------');
        log('(false || (false && false)) === ' + (false || (false && false)).toString());
        log('(false || (false && true )) === ' + (false || (false && true)).toString());
        log('(false || (true && false)) === ' + (false || (true && false)).toString());
        log('(false || (true && true )) === ' + (false || (true && true)).toString());
        log('(true || (false && false)) === ' + (true || (false && false)).toString());
        log('(true || (false && true )) === ' + (true || (false && true)).toString());
        log('(true || (true && false)) === ' + (true || (true && false)).toString());
        log('(true || (true && true )) === ' + (true || (true && true)).toString());
    }
    testOperatorPrecedence();
});