Calculateur de Boissons et Snacks<\/title><\/p>\n<style>\n :root {\n --primary: #f39c12;\n --secondary: #3498db;\n --danger: #e74c3c;\n --dark: #2c3e50;\n --light: #ecf0f1;\n }<\/p>\n<p> body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--light);\n color: var(--dark);\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 20px 0;\n }<\/p>\n<p> .container {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n width: 100%;\n max-width: 480px;\n }<\/p>\n<p> h1 {\n text-align: center;\n margin-bottom: 25px;\n font-size: 1.8rem;\n color: var(--dark);\n }<\/p>\n<p> .item-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid #dee2e6;\n }<\/p>\n<p> .item-info {\n flex: 1;\n }<\/p>\n<p> .item-name {\n font-weight: bold;\n font-size: 1.05rem;\n }<\/p>\n<p> .item-price {\n color: #7f8c8d;\n font-size: 0.85rem;\n }<\/p>\n<p> .counter-controls {\n display: flex;\n align-items: center;\n gap: 15px;\n }<\/p>\n<p> button {\n cursor: pointer;\n font-weight: bold;\n transition: all 0.2s ease;\n }<\/p>\n<p> .btn-calc {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n border: none;\n background-color: var(--dark);\n color: white;\n font-size: 1.2rem;\n }<\/p>\n<p> .btn-calc:hover {\n transform: scale(1.1);\n opacity: 0.9;\n }<\/p>\n<p> .count-display {\n font-size: 1.2rem;\n font-weight: bold;\n min-width: 25px;\n text-align: center;\n }<\/p>\n<p> .total-section {\n margin-top: 25px;\n padding-top: 20px;\n text-align: center;\n border-top: 2px dashed var(--dark);\n }<\/p>\n<p> .total-text {\n font-size: 1.5rem;\n font-weight: bold;\n }<\/p>\n<p> #total-price {\n color: #27ae60;\n font-size: 2rem;\n }<\/p>\n<p> .btn-reset {\n margin-top: 20px;\n width: 100%;\n padding: 12px;\n border: none;\n border-radius: 8px;\n background-color: var(--danger);\n color: white;\n font-size: 1rem;\n }<\/p>\n<p> .btn-reset:hover {\n background-color: #c0392b;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1> Compteur de Commande<\/h1>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Verre de Bi\u00e8re 25 cl<\/div>\n<div class=\"item-price\">3.50 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('beer_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"beer_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('beer_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Broc de Bi\u00e8re 1L <\/div>\n<div class=\"item-price\">12.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('beer_jug', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"beer_jug-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('beer_jug', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Verre de Vin <\/div>\n<div class=\"item-price\">3.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('wine_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"wine_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('wine_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Soft <\/div>\n<div class=\"item-price\">2.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('soft', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"soft-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('soft', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Bouteille d’eau <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('water_bottle', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"water_bottle-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('water_bottle', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Chips <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('chips', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"chips-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('chips', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Caution Verre <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('empty_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"empty_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('empty_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Caution Broc <\/div>\n<div class=\"item-price\">10.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('empty_jug', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"empty_jug-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('empty_jug', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"total-section\">\n<div class=\"total-text\">Total \u00e0 payer :<\/div>\n<div id=\"total-price\">0.00 \u20ac<\/div>\n<p> <button class=\"btn-reset\" onclick=\"resetAll()\">R\u00e9initialiser<\/button>\n <\/div>\n<\/div>\n<p><script>\n \/\/ Tarifs des articles\n const prices = {\n beer_glass: 3.5,\n beer_jug: 12,\n wine_glass: 3,\n soft: 2,\n water_bottle: 1,\n chips: 1,\n empty_glass: 1,\n empty_jug: 10\n };<\/p>\n<p> \/\/ Quantit\u00e9s initiales\n const quantities = {\n beer_glass: 0,\n beer_jug: 0,\n wine_glass: 0,\n soft: 0,\n water_bottle: 0,\n chips: 0,\n empty_glass: 0,\n empty_jug: 0\n };<\/p>\n<p> \/\/ Fonction pour ajouter ou soustraire\n function updateCount(item, change) {\n if (quantities[item] + change >= 0) {\n quantities[item] += change;\n document.getElementById(`${item}-count`).textContent = quantities[item];\n calculateTotal();\n }\n }<\/p>\n<p> \/\/ Fonction pour calculer le total\n function calculateTotal() {\n let total = 0;\n for (let item in quantities) {\n total += quantities[item] * prices[item];\n }\n document.getElementById('total-price').textContent = `${total.toFixed(2)} \u20ac`;\n }<\/p>\n<p> \/\/ Fonction de r\u00e9initialisation\n function resetAll() {\n for (let item in quantities) {\n quantities[item] = 0;\n document.getElementById(`${item}-count`).textContent = 0;\n }\n calculateTotal();\n }\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculateur de Boissons et Snacks Compteur de Commande Verre de Bi\u00e8re 25 cl 3.50 \u20ac – 0 + Broc de Bi\u00e8re 1L 12.00 \u20ac – 0 + Verre de Vin 3.00 \u20ac – 0 + Soft 2.00 \u20ac – 0 + Bouteille d’eau 1.00 \u20ac – 0 + Chips 1.00 \u20ac – 0 + Caution […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":8,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203"}],"collection":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2203"}],"version-history":[{"count":1,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203\/revisions"}],"predecessor-version":[{"id":2204,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203\/revisions\/2204"}],"up":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":2203,"date":"2026-06-11T20:15:02","date_gmt":"2026-06-11T19:15:02","guid":{"rendered":"https:\/\/cvf-volleyball.fr\/?page_id=2203"},"modified":"2026-06-11T20:20:55","modified_gmt":"2026-06-11T19:20:55","slug":"buvette","status":"publish","type":"page","link":"https:\/\/cvf-volleyball.fr\/index.php\/le-club\/buvette\/","title":{"rendered":"Buvette"},"content":{"rendered":"

\n
\n
\n
\n
\n Calculateur de Boissons et Snacks<\/title><\/p>\n<style>\n :root {\n --primary: #f39c12;\n --secondary: #3498db;\n --danger: #e74c3c;\n --dark: #2c3e50;\n --light: #ecf0f1;\n }<\/p>\n<p> body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n background-color: var(--light);\n color: var(--dark);\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n margin: 0;\n padding: 20px 0;\n }<\/p>\n<p> .container {\n background: white;\n padding: 30px;\n border-radius: 15px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n width: 100%;\n max-width: 480px;\n }<\/p>\n<p> h1 {\n text-align: center;\n margin-bottom: 25px;\n font-size: 1.8rem;\n color: var(--dark);\n }<\/p>\n<p> .item-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 12px 0;\n border-bottom: 1px solid #dee2e6;\n }<\/p>\n<p> .item-info {\n flex: 1;\n }<\/p>\n<p> .item-name {\n font-weight: bold;\n font-size: 1.05rem;\n }<\/p>\n<p> .item-price {\n color: #7f8c8d;\n font-size: 0.85rem;\n }<\/p>\n<p> .counter-controls {\n display: flex;\n align-items: center;\n gap: 15px;\n }<\/p>\n<p> button {\n cursor: pointer;\n font-weight: bold;\n transition: all 0.2s ease;\n }<\/p>\n<p> .btn-calc {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n border: none;\n background-color: var(--dark);\n color: white;\n font-size: 1.2rem;\n }<\/p>\n<p> .btn-calc:hover {\n transform: scale(1.1);\n opacity: 0.9;\n }<\/p>\n<p> .count-display {\n font-size: 1.2rem;\n font-weight: bold;\n min-width: 25px;\n text-align: center;\n }<\/p>\n<p> .total-section {\n margin-top: 25px;\n padding-top: 20px;\n text-align: center;\n border-top: 2px dashed var(--dark);\n }<\/p>\n<p> .total-text {\n font-size: 1.5rem;\n font-weight: bold;\n }<\/p>\n<p> #total-price {\n color: #27ae60;\n font-size: 2rem;\n }<\/p>\n<p> .btn-reset {\n margin-top: 20px;\n width: 100%;\n padding: 12px;\n border: none;\n border-radius: 8px;\n background-color: var(--danger);\n color: white;\n font-size: 1rem;\n }<\/p>\n<p> .btn-reset:hover {\n background-color: #c0392b;\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<h1> Compteur de Commande<\/h1>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Verre de Bi\u00e8re 25 cl<\/div>\n<div class=\"item-price\">3.50 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('beer_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"beer_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('beer_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Broc de Bi\u00e8re 1L <\/div>\n<div class=\"item-price\">12.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('beer_jug', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"beer_jug-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('beer_jug', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Verre de Vin <\/div>\n<div class=\"item-price\">3.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('wine_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"wine_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('wine_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Soft <\/div>\n<div class=\"item-price\">2.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('soft', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"soft-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('soft', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Bouteille d’eau <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('water_bottle', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"water_bottle-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('water_bottle', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Chips <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('chips', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"chips-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('chips', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Caution Verre <\/div>\n<div class=\"item-price\">1.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('empty_glass', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"empty_glass-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('empty_glass', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"item-row\">\n<div class=\"item-info\">\n<div class=\"item-name\">Caution Broc <\/div>\n<div class=\"item-price\">10.00 \u20ac<\/div>\n<\/p><\/div>\n<div class=\"counter-controls\">\n <button class=\"btn-calc\" onclick=\"updateCount('empty_jug', -1)\">–<\/button><br \/>\n <span class=\"count-display\" id=\"empty_jug-count\">0<\/span><br \/>\n <button class=\"btn-calc\" onclick=\"updateCount('empty_jug', 1)\">+<\/button>\n <\/div>\n<\/p><\/div>\n<div class=\"total-section\">\n<div class=\"total-text\">Total \u00e0 payer :<\/div>\n<div id=\"total-price\">0.00 \u20ac<\/div>\n<p> <button class=\"btn-reset\" onclick=\"resetAll()\">R\u00e9initialiser<\/button>\n <\/div>\n<\/div>\n<p><script>\n \/\/ Tarifs des articles\n const prices = {\n beer_glass: 3.5,\n beer_jug: 12,\n wine_glass: 3,\n soft: 2,\n water_bottle: 1,\n chips: 1,\n empty_glass: 1,\n empty_jug: 10\n };<\/p>\n<p> \/\/ Quantit\u00e9s initiales\n const quantities = {\n beer_glass: 0,\n beer_jug: 0,\n wine_glass: 0,\n soft: 0,\n water_bottle: 0,\n chips: 0,\n empty_glass: 0,\n empty_jug: 0\n };<\/p>\n<p> \/\/ Fonction pour ajouter ou soustraire\n function updateCount(item, change) {\n if (quantities[item] + change >= 0) {\n quantities[item] += change;\n document.getElementById(`${item}-count`).textContent = quantities[item];\n calculateTotal();\n }\n }<\/p>\n<p> \/\/ Fonction pour calculer le total\n function calculateTotal() {\n let total = 0;\n for (let item in quantities) {\n total += quantities[item] * prices[item];\n }\n document.getElementById('total-price').textContent = `${total.toFixed(2)} \u20ac`;\n }<\/p>\n<p> \/\/ Fonction de r\u00e9initialisation\n function resetAll() {\n for (let item in quantities) {\n quantities[item] = 0;\n document.getElementById(`${item}-count`).textContent = 0;\n }\n calculateTotal();\n }\n<\/script><\/p>\n<p><\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Calculateur de Boissons et Snacks Compteur de Commande Verre de Bi\u00e8re 25 cl 3.50 \u20ac – 0 + Broc de Bi\u00e8re 1L 12.00 \u20ac – 0 + Verre de Vin 3.00 \u20ac – 0 + Soft 2.00 \u20ac – 0 + Bouteille d’eau 1.00 \u20ac – 0 + Chips 1.00 \u20ac – 0 + Caution […]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":8,"menu_order":10,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203"}],"collection":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/comments?post=2203"}],"version-history":[{"count":1,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203\/revisions"}],"predecessor-version":[{"id":2204,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/2203\/revisions\/2204"}],"up":[{"embeddable":true,"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/pages\/8"}],"wp:attachment":[{"href":"https:\/\/cvf-volleyball.fr\/index.php\/wp-json\/wp\/v2\/media?parent=2203"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}