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

5 votes240 views1 answer
Vertical align items in div
CSS
0 vote268 views1 answer
Anchor links scrolling too far
CSS
-1 vote282 views2 answers
Make all images same size bootstrap
CSS
0 vote295 views1 answer
Css custom cursor form image
CSS
3 votes244 views2 answers
Scss sass watch command line
CSS
9 votes286 views3 answers
Animation on scroll css
CSS
1 vote289 views2 answers
Selector css
CSS
0 vote246 views1 answer
Css overflow smooth scroll mobile
CSS
1 vote271 views1 answer
Css fade in and stay
CSS
92 votes357 views5 answers
Bootstrap primary color code
CSS Bootstrap