Calculateur de longueur de trap\u00e8ze | Outil de mesure professionnel<\/title>\n <style>\n \/* Reset and base styles *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \"Helvetica Neue\", sans-serif;\n line-height: 1.6;\n color: #333;\n \/* Removed width and margin to avoid conflict with page layout *\/\n }\n\n \/* Calculator container *\/\n .calculator-container {\n background: #fff;\n border-radius: 8px;\n box-shadow: 0 2px 10px rgba(0,0,0,0.1);\n max-width: 1200px; \/* Limit calculator width *\/\n margin: 20px auto; \/* Center the calculator container *\/\n padding: 20px; \/* Add internal padding *\/\n }\n\n \/* Section styles *\/\n .section {\n margin-bottom: 30px;\n }\n\n h2 {\n color: #000;\n font-size: 1.5em;\n margin-bottom: 15px;\n font-weight: 600;\n }\n\n \/* Parameter explanation *\/\n .parameters {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .parameter-item {\n background: #f8f9fa;\n padding: 10px;\n border-radius: 4px;\n }\n\n \/* Diagram section *\/\n .diagram {\n text-align: center;\n margin: 20px 0;\n }\n\n .diagram img {\n max-width: 100%;\n height: auto;\n }\n\n \/* Calculator form *\/\n .calculator-form {\n display: grid;\n grid-template-columns: repeat(2, 1fr); \/* Display two parameters per row *\/\n gap: 15px;\n margin-bottom: 20px;\n }\n\n .input-group {\n display: flex;\n flex-direction: column;\n }\n\n .input-group label {\n margin-bottom: 5px;\n font-weight: 500;\n }\n\n .input-group input,\n .input-group select {\n padding: 8px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-size: 16px;\n }\n\n \/* Calculate button *\/\n .calculate-btn {\n background: #007bff;\n color: white;\n border: none;\n padding: 12px 24px;\n border-radius: 4px;\n cursor: pointer;\n font-size: 16px;\n font-weight: 500;\n transition: background 0.3s;\n width: 25%; \/* Set button width to 25% *\/\n margin: 10px auto; \/* Center the button *\/\n grid-column: 1 \/ -1; \/* Make the button span across all columns for centering *\/\n }\n\n .calculate-btn:hover {\n background: #0056b3;\n color: white; \/* Ensure text color is white on hover *\/\n }\n\n \/* Results section *\/\n .results {\n display: none;\n background: #e9ecef;\n padding: 20px;\n border-radius: 4px;\n margin-top: 20px;\n }\n\n .results.show {\n display: block;\n }\n\n .result-item {\n font-size: 1.2em;\n margin: 10px 0;\n font-weight: 500;\n }\n\n \/* Responsive adjustments *\/\n @media (max-width: 768px) {\n .calculator-form {\n grid-template-columns: 1fr;\n }\n\n .parameters {\n grid-template-columns: 1fr;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"calculator-container\">\n \n <div class=\"section\">\n <h2>Explication des param\u00e8tres<\/h2>\n <div class=\"parameters\">\n <div class=\"parameter-item\">\n <strong>Longueur de la base (a) :<\/strong> La longueur du c\u00f4t\u00e9 inf\u00e9rieur du trap\u00e8ze (c\u00f4t\u00e9 long).\n <\/div>\n <div class=\"parameter-item\">\n <strong>Longueur du haut (b) :<\/strong> La longueur du c\u00f4t\u00e9 sup\u00e9rieur du trap\u00e8ze (c\u00f4t\u00e9 court).\n <\/div>\n <div class=\"parameter-item\">\n <strong>Hauteur (h) :<\/strong> La distance perpendiculaire entre la base et le sommet (hauteur).\n <\/div>\n <div class=\"parameter-item\">\n <strong>Quantit\u00e9:<\/strong> Le nombre de trap\u00e8zes \u00e0 calculer.\n <\/div>\n <\/div>\n <\/div>\n\n \n \n\n \n <div class=\"section\">\n <h2>Calculatrice<\/h2>\n <form id=\"calculatorForm\" class=\"calculator-form\" action=\"\">\n <div class=\"input-group\">\n <label for=\"longSide\">C\u00f4t\u00e9 long (a) :<\/label>\n <input type=\"number\" id=\"longSide\" step=\"0.01\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"shortSide\">C\u00f4t\u00e9 court (b) :<\/label>\n <input type=\"number\" id=\"shortSide\" step=\"0.01\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"height\">Hauteur (h) :<\/label>\n <input type=\"number\" id=\"height\" step=\"0.01\" required>\n <\/div>\n <div class=\"input-group\">\n <label for=\"quantity\">Quantit\u00e9:<\/label>\n <input type=\"number\" id=\"quantity\" step=\"1\" value=\"1\" required>\n <\/div>\n <button type=\"submit\" class=\"calculate-btn\">Calculer<\/button>\n <input type=\"hidden\" name=\"trp-form-language\" value=\"fr\"\/><\/form>\n <\/div>\n\n \n <div class=\"section\">\n <div id=\"results\" class=\"results\">\n <h2>R\u00e9sultats<\/h2>\n <div class=\"result-item\">\n <strong>P\u00e9rim\u00e8tre (simple) :<\/strong> <span id=\"perimeter\">0<\/span> unit\u00e9s\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n document.getElementById('calculatorForm').addEventListener('submit', function(e) {\n e.preventDefault();\n \n \/\/ Get input values\n const longSide = parseFloat(document.getElementById('longSide').value);\n const shortSide = parseFloat(document.getElementById('shortSide').value);\n const height = parseFloat(document.getElementById('height').value);\n const quantity = parseInt(document.getElementById('quantity').value); \/\/ Keep quantity input but don't use it for perimeter\n\n \/\/ Basic validation\n if (longSide <= 0 || shortSide <= 0 || height <= 0 || quantity <= 0) {\n alert(\"Please enter positive values for all fields.\");\n return;\n }\n\n if (shortSide >= longSide) {\n alert(\"Short Side must be less than Long Side for a valid trapezoid shape based on this diagram.\");\n return;\n }\n\n \/\/ Calculate Perimeter (Assuming Isosceles Trapezoid for Side Length calculation needed for Perimeter)\n const baseDiff = (longSide - shortSide) \/ 2;\n const sideLength = Math.sqrt(baseDiff * baseDiff + height * height); \/\/ Still need sideLength to calculate perimeter\n \n const perimeter = longSide + shortSide + (2 * sideLength);\n\n \/\/ Display result for Perimeter\n document.getElementById('perimeter').textContent = perimeter.toFixed(2);\n \n \/\/ Show results section\n document.getElementById('results').classList.add('show');\n });\n <\/script>\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>Le calculateur de p\u00e9rim\u00e8tre de trap\u00e8ze est un outil efficace con\u00e7u pour simplifier le calcul du p\u00e9rim\u00e8tre d'un trap\u00e8ze. Id\u00e9al pour les \u00e9tudiants, les enseignants, les architectes, etc.<\/p>","protected":false},"author":2,"featured_media":16007,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"pmpro_default_level":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_post_was_ever_published":false},"categories":[3435],"tags":[3707,3705,3706],"class_list":["post-16005","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-punching-force-calculator","tag-geometry","tag-perimeter-tool","tag-trapezoid-calculator","pmpro-has-access"],"acf":[],"jetpack_featured_media_url":"https:\/\/www.mechstream.com\/wp-content\/uploads\/2025\/06\/Trapezoid-Perimeter-Calculator.png","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/posts\/16005","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/comments?post=16005"}],"version-history":[{"count":0,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/posts\/16005\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/media\/16007"}],"wp:attachment":[{"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/media?parent=16005"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/categories?post=16005"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mechstream.com\/fr\/wp-json\/wp\/v2\/tags?post=16005"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Le calculateur de p\u00e9rim\u00e8tre de trap\u00e8ze est un outil efficace con\u00e7u pour simplifier le calcul du p\u00e9rim\u00e8tre d'un trap\u00e8ze. Id\u00e9al pour les \u00e9tudiants, les enseignants, les architectes et les ing\u00e9nieurs, ce calculateur calcule rapidement la distance totale des bords en ne prenant en compte que la longueur des c\u00f4t\u00e9s. Gagnez du temps et des efforts gr\u00e2ce \u00e0 des r\u00e9sultats pr\u00e9cis et instantan\u00e9s, ce qui en fait une ressource essentielle pour les environnements \u00e9ducatifs et professionnels. Son interface conviviale permet aux d\u00e9butants comme aux experts d'utiliser l'outil en toute simplicit\u00e9. Am\u00e9liorez vos calculs g\u00e9om\u00e9triques et optimisez votre flux de travail d\u00e8s aujourd'hui gr\u00e2ce \u00e0 notre calculateur de p\u00e9rim\u00e8tre de trap\u00e8ze.<\/p>\n\n\n