JQuery challenge - draw tally marks on click event [closed]

Answer 1

Given the requirements, I've decided to use an ol as the container:

HTML:

add another

CSS:

li {
    display: inline-block;
    height: 20px;
    border: 2px solid #000;
    margin: 0 2px 0 0;
}

li:nth-child(5n) {
    -webkit-transform: rotate(300deg);
    -moz-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    height: 30px;
    position: relative;
    left: -15px;
    top: 5px;
    margin-right: 10px;
}

With the following jQuery:

$('#tally').click(
    function(){
        $('
').prop('class','tally').appendTo('#count');
        return false;
    });

JS fiddle demo.