SO 16545602 - log of max length

by Gerald Gillespie

HTML

<input id="button" type="button" value="click me to add a message. it will max out at limit" />
<br/>limit:<input id="limit" type="text" value="10" />
<hr/>
<div id="statusMessages">line 1
    <br/>line 2
    <br/>line 3
    <br/>line 4
    <br/>line 5
    <br/>line 6
    <br/>
</div>
<hr/>

JavaScript

var newMessage = "hi",
    limit = function () {
    return $('#limit').val() * 2;

}; //end limit 

// this is like  your .on('statusMessage', function (data) {
$('#button').on('click', function () {
    var i = 0
    $('#statusMessages').append(newMessage + "<br/>");
    var C = $('#statusMessages').contents();
    console.log(C);
    C.filter(function () {
        i++;
        if (C.length < limit()) {
            return false;
        } else {
            console.log(this);
            return (i <= 2 || i >= limit()) ? this : false;
        }
    }).remove();
});