merge-o-mat

<html>
<head>
 
<script language="JavaScript">

function mergematRunMerge()
{
    var ar1 = document.getElementById("input1").value.split(". ");
    var ar2 = document.getElementById("input2").value.split(". ");

    var s = "";
    for (var i = 0; i < ar1.length && i < ar2.length; i++)
        s += ar1[i] + ". [color=#0900ff]" + ar2[i] + "[/color]. "; 

    document.getElementById("input3").value = s;
}
 
</script>

</head>

<body id="bd">
 
<h3>Orleans' MERGE-o-MAT</h3>

<TEXTAREA id="input1" ROWS=5 COLS=10>a. b. c.</TEXTAREA>
<button type="button" onClick="javascript:mergematRunMerge();">Merge!</button>
<TEXTAREA id="input2" ROWS=5 COLS=10>aaa. bbb. ccc.</TEXTAREA>
<br>
<br>
Result here:
<br>

<TEXTAREA id="input3" ROWS=30 COLS=100></TEXTAREA>

</body>


</html>