How to calculate the number of products and write it after the type assigned to it using JavaScript

This is an example of a marketing site that displays different goods and services, and this code enables you to calculate the number of goods or services that exist in each type

 <!doctype html>
<html>
  <head>
    <style>
      #product1-item{background:white;border-radius:5px; box-shadow:0 0 2px 0; width: 200px; padding:1px 10px; }
    </style>
  </head>
  	<body>
      <div id="product1-item">product1-item</div>
      <br>
    <div class="products">
      <div class="item"> product1</div>
      <div class="item"> product2</div>
      <div class="item"> product3</div>
      <div class="item"> product4</div>
      <div class="item"> product5</div>
      <div class="item"> product6</div>
      <div class="item"> product7</div>
      <div class="item"> product8</div>
      <div class="item"> product9</div>
      <div class="item"> product10</div>
      <div class="item"> product11</div>
      <div class="item"> product12</div>
      
      
      
      </div>
      
      
      
      <script>
var count_item0 = document.querySelectorAll(".item");
  var count_item=count_item0.length;
document.getElementById("product1-item").innerHTML+= "<span style='font-weight:700; color:red; float:right'> ( "+ count_item +" )</span>";
</script>
  	</body>
  
  
</html>

How to calculate the number of products and write it after the type assigned to it using JavaScript

☷✎

How to calculate the number of products and write it after the type assigned to it using JavaScript

Comments

Post a Comment

Meta keywords generator tool for Blogger

Create direct download link for google drive file online

Custom permalink creator for blogger

building text editor template using html css js

blogger meta description generator