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

2 votes143 views1 answer
How to use bulma in gatsby
CSS
0 vote140 views1 answer
Get element in list ocaml
CSS
0 vote140 views2 answers
Popular class name layouts
CSS
63 votes147 views6 answers
Text shadow
CSS
0 vote157 views1 answer
Numpy not installling
CSS
0 vote138 views1 answer
Bootstrap 5 carosul height set
CSS
0 vote135 views1 answer
Twig data uri
CSS
1 vote154 views2 answers
How to middle fixed element
CSS
4 votes166 views1 answer
Orientation css max and min width media query
CSS
0 vote133 views1 answer
Pass argument to group_by
CSS