module2/jscript.js

/*TEST 1*/

/*var obj = {
    1:'pending',
    2:'approved',
    3:'rejected'
};
Object.prototype.reverseObj = function(obj) {
    var ret = {};
    for(var key in obj){
        ret[obj[key]] = key;
    }
    return ret;
}

obj.reverseObj();
console.log(obj);*/
function reverse() {
    for (x in this) {
        if (this.hasOwnProperty(x)) {
            this[ this[x] ] = x;
            delete(this[x])
        }
    }
}
Object.prototype.reverse = reverse;

obj ={
    1: 'pending',
    2: 'approved',
    3: 'rejected'
};
obj.reverse();
console.log(obj);

/*TEST 2(not complete)*/
var data = [1, [21, 22, 23], 3, [41, [421, 422,34]], 5];
$(document).ready(function(){
    $('body').append('<ul>');
    $('ul').addClass('ul_1');
    $('.ul_1').append(data[0]);
    $('.ul_1').append('<li>');
    $('.ul_1').append('<li>');
    $('.ul_1').append('<li>');
    $('li:nth-child(1)').append(data[1][0]);
    $('li:nth-child(2)').append(data[1][1]);
    $('li:nth-child(3)').append(data[1][2]).append('<ul>');
    $('ul:nth-child(1)').append(data[2]).addClass('ul_2').append('<li>');
    $('.ul_2 li').append(data[3][0]).append('<li>').append('<li>');
    $('.ul_2 li li:nth-child(1)').append(data[3][1][0]);
    $('.ul_2 li:nth-child(2)').append(data[3][1][1]);
    $('.ul_2').append('<ul>').addClass('ul_3');//data[i]
    $('.ul_3').append(data[4]);
});
/*TASK 4*/
function createCounter() {
var Count = 1;
createCounter.prototype.inc = function () {
    Count++;
};
createCounter.prototype.dec = function () {
    Count--;
};
createCounter.prototype.getValue = function () {
    return Count;
};

}

var counter = new createCounter();
counter.inc();
counter.inc();
counter.inc();
counter.dec();

alert( counter.getValue() );
$(document).ready(function () {
    console.log( $('p') );
});


/*TASK 5*/
$(document).ready(function () {
    $('table').css({
        'marginLeft': 'auto',
        'marginRight': 'auto',
        'border-collapse': 'collapse'
    });
    $('td').css({
        'width': '10px',
        'height': '10px',
        backgroundColor: '#eee',
        'border': '1px solid gray'
    });
    $('#content td').css({
        backgroundColor: 'white'
    });
    $('#tr-1 .none').css({
        backgroundColor:'black'
    })
    $('#tr-2 .none').css({
        backgroundColor:'black'
    })
    $('#tr-3 .none').css({
        backgroundColor:'black'
    })
    $('#tr-4 .none').css({
        backgroundColor:'black'
    })
    $('#tr-5 .none').css({
        backgroundColor:'black'
    })
    $('#tr-6 .none').css({
        backgroundColor:'black'
    })
    $('#tr-7 .none').css({
        backgroundColor:'black'
    })
    $('#tr-8 .none').css({
        backgroundColor:'black'
    })
    $('#tr-9 .none').css({
        backgroundColor:'black'
    })
    $('#tr-10 .none').css({
        backgroundColor:'black'
    })
    $('#tr-11 .none').css({
        backgroundColor:'black'
    })
    $('#tr-12 .none').css({
        backgroundColor:'black'
    })





});