jQuery addClass example

Change class name on click in jQuery

by xreider

HTML

<div id='a1'>
 <span id='b1'></span>
 <span id='b2'></span>
 <span id='b3'></span>
 <span id='b4'></span>
 <span id='b5'></span>
 <span id='b6'></span>
 <span id='b7'></span>
 <span id='b8'></span>
 <span id='b9'></span>
</div>

CSS

#a1 {
    width: 293px;
    height: 194px;
    border: 20px solid black;
    padding: 5px;
    background: red;
    border-left-width: 39px;
    border-right-width: 39px;
    border-top-width: 127px;
    border-bottom-width: 190px;
    border-image-source: url(http://4.bp.blogspot.com/-2EuZ69vi_-Y/UkEPKvIpW6I/AAAAAAAAECA/SpdlzrqQ_UU/s00/ramka.png);
 
    border-image-repeat: round;
    border-image-slice: 25% 10% 39% 10% fill;
 
     border-image-outset: 10px;
     overflow-y: auto;
    }
    
    span {display: block;}

JavaScript

let AllConstructors = {
Man (name, login, age) {
if (!new.target) return new this.Man(name, login, age);
this.name = name;
this.login = login;
this.age = age;
this.isAdmin = false; 
let secret = 24;
},
};
 
let user123 = AllConstructors.Man('Vasia','Zeus',23);
let user124 = AllConstructors.Man('Mitya','Poseidon',25);
console.log(user123);
console.log(user124);