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

0 vote339 views1 answer
Css select first immediate child
CSS
6 votes376 views5 answers
Bootstrap icons
CSS
2 votes351 views1 answer
Width 100% with padding
CSS
0 vote326 views1 answer
Copy html css from website
CSS
2 votes382 views4 answers
Sieve of eratosthenes
CSS
-6 votes460 views7 answers
Css flex
CSS
1 vote368 views1 answer
Change text color li css
CSS
9 votes345 views1 answer
Full page background image
CSS
0 vote340 views1 answer
100 bytes of css
CSS
0 vote337 views1 answer
FusedLocationClient.removeLocationUpdates
CSS