Count lines with PHP and JS (Different)

1

I need a function that helps me count certain divs in my php. I will explain better, I have a product verifier, it works as follows, I enter the product codes in textarea, I put it to fetch it and it does a check in the database. The products it already has, it returns as disapproved, the ones that do not have it returns as approved.

    <script type="text/javascript">
        function buscarProdutosRepro(str) {
            document.getElementById(\'listProdutosRepro\').innerHTML += \'<div>\' + str + \'</div>\';
        }

        function buscarProdutosApro(str) {
            document.getElementById(\'listProdutosApro\').innerHTML += \'<div>\' + str + \'</div>\';
        }

        function FormatoInvalido(str) {
            document.getElementById(\'FormatoInvalido\').innerHTML += \'<div>\' + str + \'</div>\';
        }
    </script>

This function, it is applied here

<center>
    <p style="background: #54bd0e; padding: 6px 20px; width: 180px; font-size: 13px; border-radius: 15px; color: #F0F0F0;">Produtos Carregados ('.$conta.') </p>
</center>
<div class="panel panel-green">
    </span>
    <div class="alert alert-success"><small>✔ Produtos Aprovados</small></div>
    <i class="fa fa-spinner fa-spin" style="font-size:24px"></i> Verificando...
    <div class="panel-body">
        <br/><div id="listProdutosApro"></div>
    </div>
</div>                              
<div class="panel panel-danger">
    <div class="panel-heading"><small>✘ Produtos Reprovados</small></div>
    <div class="panel-body">
        <br/><div id="listProdutosRepro"></div>
    </div>
</div>
<div class="panel panel-orange">
    <div class="panel-heading">Invalidas</div>
    <div class="panel-body">
        <br/><div id="FormatoInvalido"></div>
    </div>
</div>

It will print on the screen the results, div below div.

<br/><div id="listProdutosApro">
<br/><div id="listProdutosApro">
<br/><div id="listProdutosApro">

Result: link

And I want to count these divs, as if they were lines, so:

✔ Approved Products (80)

asked by anonymous 19.10.2016 / 23:29

1 answer

0

From what I understand, JavaScript would look like this:

$(function() {
  var quantidade1 = document.getElementById('reprovados').children.length;
  
  var quantidade2 = document.getElementById('aprovados').children.length;
  
  $('.resultado').text(
      quantidade1/2 + " foram reprovados e " +
      quantidade2/2 + " foram aprovados"
  );
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><divclass="panel-body" id="reprovados">
  <br/><div id="listProdutosRepro"></div>
  <br/><div id="listProdutosRepro"></div>
  <br/><div id="listProdutosRepro"></div>
</div>

<div class="panel-body" id="aprovados">
   <br/><div id="listProdutosAprov"></div>
   <br/><div id="listProdutosAprov"></div>
   <br/><div id="listProdutosAprov"></div>
   <br/><div id="listProdutosAprov"></div>
   <br/><div id="listProdutosAprov"></div>
</div>

<div class="resultado">
</div>

Where I have a list of approved and disapproved, I have to count how many of each I have, so I get the element with id 'failed', which would be the result list, and count how many children that element has in if I divide by two because each element has a div and a br . At the end I put the text on the screen.

    
20.10.2016 / 19:13