Combinator

Combinator

by MrTest

HTML

<p> Enter some newline-delimited values into both TEXTAREA elements: </p>

<textarea id="t1"></textarea>
<textarea id="t2"></textarea>

<div> <button>Execute</button> </div>

<textarea id="log"></textarea>

CSS

textarea { height:100px; }

JavaScript

function getValues( id1, id2, delimiter ) {    
    var elem1, elem2,
        arr1, arr2,
        i, j,
        result = [];
    
    elem1 = document.getElementById( id1 );
    elem2 = document.getElementById( id2 );
    
    arr1 = elem1.value.split( delimiter );
    arr2 = elem2.value.split( delimiter );

    for ( i = 0; i < arr1.length; i += 1 ) {
        for ( j = 0; j < arr2.length; j += 1 ) {
            result.push( arr1[i].trim() + " " + arr2[j].trim() );
        }
    }
    
    return result.sort().join('\n ');
}

var button = document.getElementsByTagName( 'button' )[0],
    log = document.getElementById( 'log' );

button.onclick = function () {
    log.textContent = getValues( 't1', 't2', '\n' );
};