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 vote157 views1 answer
Menu multiple colums batch
CSS
0 vote172 views1 answer
Is there a min-left css attribute
CSS
0 vote214 views1 answer
Height current -3px css
CSS
134 votes212 views6 answers
Remove background from image
CSS
19 votes156 views3 answers
Change input placeholder text css
CSS
1 vote169 views1 answer
Scss maps´
CSS
0 vote228 views6 answers
Css change svg color
CSS
-1 vote116 views1 answer
Html sticky
CSS
0 vote172 views1 answer
Css selector id class
CSS
1 vote144 views1 answer
Place many images in a div beautifully
CSS