Tiny File Manager

Back Back Up Advanced Editor

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Compteur de Sous-Tableaux</title>
    <script>
        // Définir le tableau de données
        const tableau = {
            "id": "row-1",
            "name": "1",
            "selectValue": "1",
            "count": "14",
            "cells": [
                { "value": "0", "color": "white" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "1", "color": "green" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" },
                { "value": "0", "color": "white" }
            ]
        };

function loadFromDB()
        {

fetch("load_mysql.php")
                .then(response => response.json())
                .then(data => {
                 
                    const aqw = data; 
                    console.log("plouf");
                    return aqw;
                })
                .catch(error => {
                    console.error("Erreur :", error);
                    showMessageModal("Une erreur est survenue lors du chargement des données.");
                });

}

// Fonction pour compter les sous-tableaux avec "value": "1"
        function countSubarraysWithValueOne(cells) {
            let count = 0;
            let currentLength = 0;

for (let i = 0; i < cells.length; i++) {
                if (cells[i].value === "1") {
                    currentLength++;
                    if (currentLength === 1) {
                        count++;
                    }
                } else {
                    currentLength = 0;
                }
            }

return count;
        }

// Fonction pour afficher le résultat dans la page HTML
        function displayResult() 
        {

let data = loadFromDB();

console.log(data);

const result = countSubarraysWithValueOne(tableau.cells);
            document.getElementById('result').innerText = `Nombre de sous-tableaux avec "value": "1" : ${result}`;

// Récupérer la valeur associée à "count"
            const countValue = tableau.count;
            document.getElementById('countValue').innerText = `Valeur associée à "count" : ${countValue}`;
        }

// Appeler la fonction pour afficher le résultat lorsque la page est chargée
        window.onload = displayResult;
    </script>
</head>
<body>
    <h1>Compteur de Sous-Tableaux</h1>
    <p id="result"></p>
    <p id="countValue"></p>
</body>
</html>