{"id":8085,"date":"2025-09-15T18:35:22","date_gmt":"2025-09-15T16:35:22","guid":{"rendered":"https:\/\/www.carrera-fun.com\/?page_id=8085"},"modified":"2025-09-15T18:35:23","modified_gmt":"2025-09-15T16:35:23","slug":"indice-exposition-au-risque","status":"publish","type":"page","link":"https:\/\/www.carrera-fun.com\/?page_id=8085","title":{"rendered":"Indice Exposition au Risque"},"content":{"rendered":"\r\n\t\t\r\n\t\t<h1 style=\"text-align: center; color: #1f70f2;\">Calculateur de l'Indice d\u2019Exposition au Risque<\/h1>\r\n\r\n<h2 style=\"text-align: center; color: #1e3a8a;\">Circuit : Calculateur de danger et de FUN<\/h2>\r\n\r\n\t\t\r\n\t\t<table  style=\"width: 100%; margin: 10px auto; border-collapse: collapse; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\">\r\n<thead>\r\n<tr style=\"background-color: #e2eafc; color: #1e3a8a; font-weight: 600;\">\r\n<th>Param\u00e8tre<\/th>\r\n<th style=\"text-align:center\">Pond\u00e9ration Danger<\/th>\r\n<th style=\"text-align:center\">Pond\u00e9ration FUN<\/th>\r\n<th style=\"text-align:center\">Quantit\u00e9 (QT)<\/th>\r\n<th style=\"text-align:center\">Total Danger 1<br>(Danger * QT)<\/th>\r\n<th style=\"text-align:center\">Total FUN<br>(Fun * QT)<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody>\r\n<tr data-row=\"1\">\r\n<td style=\"background-color: #fafafa;\">Croisement 90\u00b0<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"4\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"2\">\r\n<td style=\"background-color: #fafafa;\">Looping<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"3\">\r\n<td style=\"background-color: #fafafa;\">Changements de voie en courbe<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"4\">\r\n<td style=\"background-color: #fafafa;\">Changements de voie droit<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"5\">\r\n<td style=\"background-color: #fafafa;\">Flyover<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"2\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"6\">\r\n<td style=\"background-color: #fafafa;\">Tremplin<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"2\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"7\">\r\n<td style=\"background-color: #fafafa;\">Bascule<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"2\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"8\">\r\n<td style=\"background-color: #fafafa;\">R\u00e9tr\u00e9cissement droit<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"1\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"9\">\r\n<td style=\"background-color: #fafafa;\">Pif paf<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"1\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"10\">\r\n<td style=\"background-color: #fafafa;\">\u00c9l\u00e9ments terre<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"1\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"11\">\r\n<td style=\"background-color: #fafafa;\">Bosse<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"1\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"3\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<tr data-row=\"12\">\r\n<td style=\"background-color: #fafafa;\">Longueur piste<\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice1\" value=\"0\" min=\"0\" oninput=\"recalculer()\" disabled style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"indice2\" value=\"1\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n<td style=\"text-align:center\"><input type=\"number\" class=\"quantite\" value=\"0\" min=\"0\" oninput=\"recalculer()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" > m\u00e8tres<\/td>\r\n<td class=\"resultat resultat1\" style=\"text-align:center\">0<\/td>\r\n<td class=\"resultat resultat2\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<\/tbody>\r\n<tfoot>\r\n<tr>\r\n<td colspan=\"4\" style=\"background-color: #fafafa;\">Total Global<\/td>\r\n<td id=\"total-colonne5\" class=\"resultat\" style=\"text-align:center\">0<\/td>\r\n<td id=\"total-colonne6\" class=\"resultat\" style=\"text-align:center\">0<\/td>\r\n<\/tr>\r\n<\/tfoot>\r\n<\/table>\r\n\r\n\r\n\r\n\t<table width=\"100%\">\r\n<tr>\r\n<td>\r\n\r\n\r\n<center>\r\n<div class=\"meter-container\"  style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\"  style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice de danger : <span id=\"danger-value\">0<\/span><\/p>\r\n    <meter id=\"danger-meter\" min=\"0\" max=\"20\" value=\"0\" low=\"6\" high=\"11\" optimum=\"0\"   style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\" ><\/meter>\r\n<\/div>\r\n\r\n<\/center>\r\n\t\r\n\r\n\r\n\r\n<\/td>\r\n<td>\r\n\r\n\r\n<center>\r\n<div class=\"meter-container\"  style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice de FUN : <span id=\"fun-value\">0<\/span><\/p>\r\n    <meter id=\"fun-meter\" min=\"0\" max=\"30\" value=\"0\"  optimum=\"0\"   style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n<\/center>\r\n\r\n<\/td>\r\n<\/tr>\r\n\r\n<\/table>\r\n\r\n\r\n<script>\r\nfunction recalculer() {\r\nlet totalColonne5 = 0;\r\nlet totalColonne6 = 0;\r\nconst lignes = document.querySelectorAll('tbody tr');\r\n\t\t\tconst jauge_dgr = document.getElementById('danger-meter');\r\n\t\t\tconst jauge_dgrTexte = document.getElementById('danger-value');\r\n\t\t\tconst jauge_fun = document.getElementById('fun-meter');\r\n\t\t\tconst jauge_funTexte = document.getElementById('fun-value');\r\n\t\t\t\r\n\r\n\r\n\r\nlignes.forEach(ligne => {\r\nconst indice1Input = ligne.querySelector('.indice1');\r\nconst indice2Input = ligne.querySelector('.indice2');\r\nconst quantiteInput = ligne.querySelector('.quantite');\r\n\r\n\/\/ V\u00e9rification de l existence des \u00e9l\u00e9ments\r\nif (indice1Input && indice2Input && quantiteInput) {\r\nconst indice1 = parseFloat(indice1Input.value) || 0;\r\nconst indice2 = parseFloat(indice2Input.value) || 0;\r\nconst quantite = parseFloat(quantiteInput.value) || 0;\r\n\r\nconst resultat1 = indice1 * quantite;\r\nconst resultat2 = indice2 * quantite;\r\n\r\nligne.querySelector('.resultat1').textContent = resultat1;\r\nligne.querySelector('.resultat2').textContent = resultat2;\r\n\r\ntotalColonne5 += resultat1;\r\ntotalColonne6 += resultat2;\r\n}\r\n});\r\n\r\ndocument.getElementById('total-colonne5').textContent = totalColonne5;\r\ndocument.getElementById('total-colonne6').textContent = totalColonne6;\r\n\t\t\t\/\/  circuit DANGER\r\n\t\t\tjauge_dgr.value = totalColonne5;\r\n\t\t\tjauge_dgrTexte.textContent = totalColonne5;\r\n\t\t\t\/\/  circuit FUN\r\n\t\t\tjauge_fun.value = totalColonne6;\r\n\t\t\tjauge_funTexte.textContent = totalColonne6;\r\n\t\t\t\/\/  circuit FUN\r\n\r\n}\r\n\r\n\/\/ Appeler la fonction au chargement de la page pour initialiser les valeurs\r\nrecalculer();\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\r\n<br><br>\r\n\r\n<h2 style=\"text-align: center; color: #1e3a8a;\">Voiture : Calculateur de Fragilit\u00e9<\/h2>\r\n\r\n\r\n<table width=\"100%\">\r\n<tr>\r\n<td>\r\n\r\n<p><b>Indice de fragilit\u00e9 de la voiture A<\/b><\/p>\r\n\r\n<table  style=\"width: 98%; margin: 10px auto; border-collapse: collapse; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\">\r\n<thead>\r\n<tr style=\"background-color: #e2eafc; color: #1e3a8a; font-weight: 600;\">\r\n<th>Param\u00e8tre<\/th>\r\n<th>Valeur<\/th>\r\n<th>Quantit\u00e9<\/th>\r\n<th>Total<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody id=\"tableau-corps2\">\r\n<\/tbody>\r\n<tfoot>\r\n<tr>\r\n<td colspan=\"3\" style=\"text-align: right;\">Somme de toutes les lignes :<\/td>\r\n<td id=\"totalc\" class=\"resultat\">0<\/td>\r\n<\/tr>\r\n<\/tfoot>\r\n<\/table>\r\n\r\n\r\n\r\n\r\n\r\n<\/td>\r\n<td>\r\n\r\n\r\n<p><b>Indice de fragilit\u00e9 de la voiture B<\/b><\/p>\r\n\r\n<table  style=\"width: 98%; margin: 10px auto; border-collapse: collapse; background-color: #fff; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\">\r\n<thead>\r\n<tr style=\"background-color: #e2eafc; color: #1e3a8a; font-weight: 600;\">\r\n<th>Param\u00e8tre<\/th>\r\n<th>Valeur<\/th>\r\n<th>Quantit\u00e9<\/th>\r\n<th>Total<\/th>\r\n<\/tr>\r\n<\/thead>\r\n<tbody id=\"tableau-corps3\">\r\n<\/tbody>\r\n<tfoot>\r\n<tr>\r\n<td colspan=\"3\" style=\"text-align: right;\">Somme de toutes les lignes :<\/td>\r\n<td id=\"totalc2\" class=\"resultat\">0<\/td>\r\n<\/tr>\r\n<\/tfoot>\r\n<\/table>\r\n\r\n\r\n\r\n<\/td>\r\n<\/tr>\r\n<\/table>\r\n\r\n\r\n\r\n\r\n\r\n<script>\r\nconst parametres = [\"Aileron avant\", \"Aileron arri\u00e8re\", \"R\u00e9troviseur\", \"Antenne\", \"Autre accessoire\"];\r\nconst valeursParDefaut = [4, 3, 1, 1, 1]; \/\/ Exemple de valeurs. Vous pouvez les modifier.\r\n\r\nconst tableauCorps = document.getElementById('tableau-corps2');\r\nconst tableauCorps2 = document.getElementById('tableau-corps3');\r\n\r\n\r\n\r\n       function genererTableau() {\r\n            parametres.forEach((parametre, index) => {\r\n                const ligne = document.createElement('tr');\r\n                \/\/ On utilise la valeur du tableau valeursParDefaut pour l'attribut 'value'\r\n                ligne.innerHTML = `\r\n                    <td style=\"background-color: #fafafa;\">${parametre}<\/td>\r\n                    <td style=\"text-align:center\"><input type=\"number\" class=\"valeur\" value=\"${valeursParDefaut[index]}\" min=\"0\" oninput=\"calculerTotal()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n                    <td style=\"text-align:center\"><input type=\"number\" class=\"quantite_c\" value=\"0\" min=\"0\" oninput=\"calculerTotal()\" style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\" ><\/td>\r\n                    <td class=\"resultat\" style=\"text-align:center\">0<\/td>\r\n                `;\r\n                tableauCorps.appendChild(ligne);\r\n            });\r\n        }\t\r\n\r\n\r\n\r\n\r\nfunction calculerTotal() {\r\nlet sommeTotale = 0;\r\nconst lignes2 = document.querySelectorAll('#tableau-corps2 tr');\r\n\r\nlignes2.forEach(ligne => {\r\nconst valeurInput = ligne.querySelector('.valeur');\r\nconst quantiteCInput = ligne.querySelector('.quantite_c');\r\n\r\nif (valeurInput && quantiteCInput) {\r\nconst valeur = parseFloat(valeurInput.value) || 0;\r\nconst quantite_c = parseFloat(quantiteCInput.value) || 0;\r\n\r\nconst totalLigne = valeur * quantite_c;\r\nligne.querySelector('.resultat').textContent = totalLigne;\r\n\r\nsommeTotale += totalLigne;\r\n}\r\n});\r\n\r\ndocument.getElementById('totalc').textContent = sommeTotale;\r\nmettreAJourCar1(sommeTotale);\r\n}\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n       function genererTableauc2() {\r\n            parametres.forEach((parametre, index) => {\r\n                const ligne = document.createElement('tr');\r\n                \/\/ On utilise la valeur du tableau valeursParDefaut pour l'attribut 'value'\r\n                ligne.innerHTML = `\r\n                    <td style=\"background-color: #fafafa;\">${parametre}<\/td>\r\n                    <td style=\"text-align:center\"><input type=\"number\" class=\"valeur\" value=\"${valeursParDefaut[index]}\" min=\"0\" oninput=\"calculerTotal2()\"style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\"><\/td>\r\n                    <td style=\"text-align:center\"><input type=\"number\" class=\"quantite_c2\" value=\"0\" min=\"0\" oninput=\"calculerTotal2()\"style=\"width: 50px; padding: 5px; border: 1px solid #ccc; border-radius: 4px;\"><\/td>\r\n                    <td class=\"resultat\" style=\"text-align:center\">0<\/td>\r\n                `;\r\n                tableauCorps2.appendChild(ligne);\r\n            });\r\n        }\t\r\n\r\nfunction calculerTotal2() {\r\nlet sommeTotale = 0;\r\nconst lignes2 = document.querySelectorAll('#tableau-corps3 tr');\r\n\r\nlignes2.forEach(ligne => {\r\nconst valeurInput = ligne.querySelector('.valeur');\r\nconst quantiteCInput = ligne.querySelector('.quantite_c2');\r\n\r\nif (valeurInput && quantiteCInput) {\r\nconst valeur = parseFloat(valeurInput.value) || 0;\r\nconst quantite_c2 = parseFloat(quantiteCInput.value) || 0;\r\n\r\nconst totalLigne = valeur * quantite_c2;\r\nligne.querySelector('.resultat').textContent = totalLigne;\r\n\r\nsommeTotale += totalLigne;\r\n}\r\n});\r\n\r\ndocument.getElementById('totalc2').textContent = sommeTotale;\r\nmettreAJourCar2(sommeTotale);\r\n}\r\n\r\n      \/\/  document.addEventListener('DOMContentLoaded',\r\n\r\n\r\n<\/script>\r\n\r\n\r\n\r\n\r\n\t\r\n\t<br><br>\r\n\t\r\n\r\n\r\n\r\n\r\n\t<table width=\"100%\">\r\n<tr>\r\n<td>\r\n\r\n<center>\t\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Voiture A : <span id=\"car_1-value\">0<\/span><\/p>\r\n    <meter id=\"car_1\" min=\"0\" max=\"10\" value=\"0\" low=\"3\" high=\"6\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n<\/center>\r\n\r\n\r\n\r\n<\/td>\r\n<td><center>\r\n\t\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Voiture B : <span id=\"car_2-value\">0<\/span><\/p>\r\n    <meter id=\"car_2\" min=\"0\" max=\"10\" value=\"0\" low=\"3\" high=\"6\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n\r\n<\/center>\r\n\r\n<\/td>\r\n\r\n\r\n<\/tr>\r\n\r\n\r\n\r\n<tr>\r\n<td>\r\n\r\n\r\n<center>\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice d\u2019Exposition au Risque (IER) : <span id=\"IER_barre_value\">0<\/span><\/p>\r\n    <meter id=\"IER_barre\" min=\"0\" max=\"50\" value=\"0\" low=\"10\" high=\"30\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n\r\n<\/center>\r\n\t\r\n\r\n<\/td>\r\n<td>\r\n\r\n\r\n<center>\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice d\u2019Exposition au Risque (IER) : <span id=\"IER_barre_valueB\">0<\/span><\/p>\r\n    <meter id=\"IER_barreB\" min=\"0\" max=\"50\" value=\"0\" low=\"10\" high=\"30\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n\r\n<\/center>\r\n\r\n\r\n<\/td>\r\n<\/tr>\r\n\r\n\r\n\r\n<\/table>\r\n\r\n\r\n\r\n<br>\r\n\r\n\r\n<h2 style=\"text-align: center; color: #1e3a8a;\">S\u00e9lectionnez votre niveau d'exp\u00e9rience<\/h2>\r\n\r\n\r\n\r\n    <div class=\"radio-container\" style=\"margin-bottom: 20px; padding: 15px; border: 1px solid #ccc; border-radius: 8px; background-color: #fff; width: 300px; margin: 20px auto;\">\r\n        <div class=\"radio-item\">\r\n            <input type=\"radio\" id=\"novice\" name=\"experience\" value=\"1\" onchange=\"mettreAJourValeur()\" checked>\r\n            <label for=\"novice\">Novice (1)<\/label>\r\n        <\/div>\r\n        <div class=\"radio-item\">\r\n            <input type=\"radio\" id=\"amateur\" name=\"experience\" value=\"0.7\" onchange=\"mettreAJourValeur()\">\r\n            <label for=\"amateur\">Amateur (0.7)<\/label>\r\n        <\/div>\r\n        <div class=\"radio-item\">\r\n            <input type=\"radio\" id=\"experimente\" name=\"experience\" value=\"0.4\" onchange=\"mettreAJourValeur()\">\r\n            <label for=\"experimente\">Exp\u00e9riment\u00e9 (0.4)<\/label>\r\n        <\/div>\r\n        <div class=\"radio-item\">\r\n            <input type=\"radio\" id=\"confirme\" name=\"experience\" value=\"0.2\" onchange=\"mettreAJourValeur()\">\r\n            <label for=\"confirme\">Confirm\u00e9 (0.2)<\/label>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"resultat-container\" style=\"margin-top: 20px; padding: 15px; border: 2px solid #2a69c0; border-radius: 8px; background-color: #eaf1fa; text-align: center; width: 300px; margin: 20px auto;\">\r\n        <p>Indice d Exp\u00e9rience Slot (IES)<br>La valeur s\u00e9lectionn\u00e9e est : <span id=\"valeur-selectionnee\" style=\"font-weight: bold; color: #1e3a8a; font-size: 1.2em;\">1<\/span><\/p>\r\n    <\/div>\r\n\r\n\r\n\r\n\r\n\r\n<table width=\"100%\">\r\n\r\n\r\n<tr>\r\n<td>\r\n\r\n<h2>Voiture A<\/h2>\r\n\r\n<center>\t\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice d\u2019Exposition au Risque (IER) corrig\u00e9 : <span id=\"IER2_barre_value\">0<\/span><\/p>\r\n    <meter id=\"IER2_barre\" min=\"0\" max=\"50\" value=\"0\" low=\"10\" high=\"30\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n<\/center>\r\n\t\r\n\r\n<\/td>\r\n<td>\r\n\r\n<h2>Voiture B<\/h2>\r\n<center>\t\r\n<div class=\"meter-container\" style=\"width: 300px; padding: 20px; background-color: white; border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); text-align: center;\">\r\n    <p class=\"meter-label\" style=\"font-size: 1.2em; color: #333; margin-bottom: 15px; font-weight: bold;\">Indice d\u2019Exposition au Risque (IER) corrig\u00e9 : <span id=\"IER2_barre_valueB\">0<\/span><\/p>\r\n    <meter id=\"IER2_barreB\" min=\"0\" max=\"50\" value=\"0\" low=\"10\" high=\"30\" optimum=\"0\"  style=\"width: 100%; height: 15px; border: none; border-radius: 5px; background-color: #e0e0e0;\"  ><\/meter>\r\n<\/div>\r\n<\/center>\r\n\r\n\r\n<\/td>\r\n<\/tr>\r\n\r\n<\/table>\r\n\r\n\r\n\r\n    <script>\r\n\r\nfunction mettreAJourCar1(nouvelleValeur) {\r\n    \/\/ S\u00e9lectionne la jauge et l'\u00e9l\u00e9ment texte par leur ID\r\n    const jauge = document.getElementById('car_1');\r\n    \/\/const jauge2 = document.getElementById('dngr-meter');\r\n    \/\/const jauge3 = document.getElementById('dngr-meter2');\r\n    \/\/const valeurTexte = document.getElementById('danger-value');\r\n    const valeurTexte2 = document.getElementById('car_1-value');\r\n\r\n    \/\/ Met \u00e0 jour la valeur de l'attribut 'value' de la jauge\r\n    jauge.value = nouvelleValeur;\r\n    \r\n    \/\/ Met \u00e0 jour le texte affich\u00e9\r\n\tvaleurTexte2.textContent = nouvelleValeur;\r\n\t\r\n\tmettreAJourIER();\r\n\t\r\n}\r\n\r\nfunction mettreAJourCar2(nouvelleValeur) {\r\n    \/\/ S\u00e9lectionne la jauge et l'\u00e9l\u00e9ment texte par leur ID\r\n    const jauge = document.getElementById('car_2');\r\n    \/\/const jauge2 = document.getElementById('dngr-meter');\r\n    \/\/const jauge3 = document.getElementById('dngr-meter2');\r\n    \/\/const valeurTexte = document.getElementById('danger-value');\r\n    const valeurTexte2 = document.getElementById('car_2-value');\r\n\r\n    \/\/ Met \u00e0 jour la valeur de l'attribut 'value' de la jauge\r\n    jauge.value = nouvelleValeur;\r\n    \/\/jauge2.value = nouvelleValeur;\r\n    \/\/jauge3.value = nouvelleValeur;\r\n    \r\n    \/\/ Met \u00e0 jour le texte affich\u00e9\r\n    \/\/valeurTexte.textContent = nouvelleValeur;\r\n\tvaleurTexte2.textContent = nouvelleValeur;\r\n\t\r\n\tmettreAJourIER();\r\n\t\r\n}\r\n\r\nfunction mettreAJourValeur() {\r\n            const boutons = document.querySelectorAll('input[name=\"experience\"]');\r\n            let valeurSelectionnee = \"\";\r\n\r\n            boutons.forEach(bouton => {\r\n                if (bouton.checked) {\r\n                    valeurSelectionnee = bouton.value;\r\n                }\r\n            });\r\n\r\n            document.getElementById('valeur-selectionnee').textContent = valeurSelectionnee;\r\n\t\t\tmettreAJourIER();\r\n}\r\n\r\n\r\nfunction mettreAJourIER() {\r\n\r\n\tconst jauge_IER = document.getElementById('IER_barre');\r\n\tconst jauge_IERTexte = document.getElementById('IER_barre_value');\r\n\tconst jauge_IER2 = document.getElementById('IER2_barre');\r\n\tconst jauge_IER2Texte = document.getElementById('IER2_barre_value');\r\n\t\r\n\t\r\n\tconst jauge_c1 = document.getElementById('car_1');\r\n    const valeurTexte1 = document.getElementById('car_1-value');\r\n\t\r\n\tconst jauge_dgr = document.getElementById('danger-meter');\r\n\tconst jauge_dgrTexte = document.getElementById('danger-value');\r\n\r\n\tconst jauge = document.getElementById('car_2');\r\n\tconst valeurTexte2 = document.getElementById('car_2_value');\r\n\t\r\n\tconst IES = document.getElementById('valeur-selectionnee');\r\n\t\r\n\tlet IER2 = 0;\r\n\tlet IER2B = 0;\r\n\r\n\t\/\/jauge.value = nouvelleValeur;\r\n\t\r\n\t\/\/jauge.value = nouvelleValeur;\r\n\t\/\/jauge_IER.value = parseFloat(jauge_c1.value)  * parseFloat(jauge_IER2Texte.value)  ;\r\n\t\/\/jauge_IER.value = parseFloat(jauge_c1.value) ;\r\n\t\/\/jauge_IER.value = document.getElementById('valeur-selectionnee').textContent;\r\n\t\/\/jauge_IERTexte.value = parseFloat(IES.value);\r\n\t\/\/jauge_IERTexte.value = 0.75;\r\n\t\/\/jauge_IERTexte.value = jauge_c1.value + jauge_dgr;\r\n\t\/\/document.getElementById('IER_barre_value').textContent=parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_1-value').textContent);\r\n\tdocument.getElementById('IER_barre_value').textContent=parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_1-value').textContent);\r\n\tdocument.getElementById('IER_barre').value=parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_1-value').textContent);\r\n\t\r\n\tIER2 =parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_1-value').textContent)*parseFloat(document.getElementById('valeur-selectionnee').textContent);\r\n\t\r\n\tdocument.getElementById('IER2_barre_value').textContent=IER2.toFixed(1);\r\n\tdocument.getElementById('IER2_barre').value=IER2.toFixed(1);\r\n\t\r\n\t\/\/ Voiture B\r\n\t\r\n\tdocument.getElementById('IER_barre_valueB').textContent=parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_2-value').textContent);\r\n\tdocument.getElementById('IER_barreB').value=parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_2-value').textContent);\r\n\r\n\tIER2B =parseFloat(document.getElementById('danger-value').textContent)*parseFloat(document.getElementById('car_2-value').textContent)*parseFloat(document.getElementById('valeur-selectionnee').textContent);\r\n\t\r\n\tdocument.getElementById('IER2_barre_valueB').textContent=IER2B.toFixed(1);\r\n\tdocument.getElementById('IER2_barreB').value=IER2B.toFixed(1);\r\n\r\n\t\r\n\r\n}\r\n\r\n\r\n\/\/ Ex\u00e9cution de la g\u00e9n\u00e9ration du tableau et du calcul initial au chargement de la page\r\ndocument.addEventListener('DOMContentLoaded', () => {\r\ngenererTableau();\r\ngenererTableauc2();\r\nrecalculer();\r\ncalculerTotal();\r\n mettreAJourValeur();\r\n});\r\n    <\/script>\r\n\r\n\r\n\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_sitemap_exclude":false,"_sitemap_priority":"","_sitemap_frequency":"","footnotes":""},"class_list":["post-8085","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8085","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8085"}],"version-history":[{"count":1,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8085\/revisions"}],"predecessor-version":[{"id":8086,"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=\/wp\/v2\/pages\/8085\/revisions\/8086"}],"wp:attachment":[{"href":"https:\/\/www.carrera-fun.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8085"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}