Css counter

Css counters

body {
  counter-reset: section;                    /* On initialise le compteur à 0 */
}

h3::before {
  counter-increment: section;                /* On incrémente le compteur section */
  content: "Section " counter(section) " : "; /* On affiche le compteur */
}

Source: developer.mozilla.org

Js increment safety value html

function addRow(tableID) {

        var table = document.getElementById(tableID);

        var rowCount = document.getElementById(tableID).getElementsByTagName('tbody')
        [1].getElementsByTagName('tr').length;
        var row = table.insertRow(rowCount +1);

        var cell1 = row.insertCell(0);
        var element1 = document.createElement("input");
        element1.type = "hidden";
        element1.name = "Q[]";
        element1.value = rowCount +1;
        cell2.appendChild(element1);
        cell2.innerHTML = rowCount +1;
}

function deleteRow(tableID) {
        try {
        var table = document.getElementById(tableID);
        var rowCount = table.rows.length;

        for(var i=0; i<rowCount; i++) {
            var row = table.rows[i];
            var chkbox = row.cells[0].childNodes[0];
            if(null != chkbox && true == chkbox.checked) {
                table.deleteRow(i);
                rowCount--;
                i--;
            }


        }
        }catch(e) {
            alert(e);
        }
}

Source: stackoverflow.com

Css counter

<style>
    body {
        counter-reset: ctr;
    }

    div.fruit::before {
        counter-increment: ctr;
        content: counter(ctr) ".) ";
    }
</style>

<div class="fruit">Apple</div>
<div class="fruit">Banana</div>
<div class="fruit">Orange</div>

-1

Source: youtube.com

Similar codes

81 votes266 views3 answers
Css all uppercase to capitalize
CSS
1 vote299 views2 answers
Overflow x not hidden
CSS
3 votes251 views3 answers
How to change text on hover css
CSS
0 vote260 views1 answer
How to disable margin collapse between parent and child
CSS
25 votes255 views4 answers
Set visibility css
CSS
1 vote259 views1 answer
Why tr border not showing
CSS
0 vote271 views1 answer
Rotate keyframe animation
CSS
0 vote243 views1 answer
How to change height font css
CSS
1 vote267 views1 answer
Add border to input css
CSS
0 vote242 views1 answer
Background effect css
CSS