{"id":12672,"date":"2023-11-05T14:49:58","date_gmt":"2023-11-05T19:49:58","guid":{"rendered":"https:\/\/brooklynfixedgear.com\/?page_id=12672"},"modified":"2023-11-05T15:00:59","modified_gmt":"2023-11-05T20:00:59","slug":"gear-ratio-calculator","status":"publish","type":"page","link":"https:\/\/brooklynfixedgear.com\/tools\/gear-ratio-calculator\/","title":{"rendered":"Gear Ratio Calculator"},"content":{"rendered":"\n<style>\n    .calculator {\n      font-family: Arial, sans-serif;\n      background-color: #f5f5f5;\n      margin: 0;\n      padding: 0;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      min-height: 100vh;\n    }\n    .calculator-container {\n      width: 350px;\n      padding: 30px;\n      border-radius: 10px;\n      background-color: #ffffff;\n      box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    }\n    h2 {\n      text-align: center;\n      margin-bottom: 25px;\n    }\n    label {\n      display: block;\n      font-size: 14px;\n      font-weight: bold;\n      margin-bottom: 5px;\n    }\n    input[type=\"number\"] {\n      width: 100%;\n      padding: 10px;\n      margin-bottom: 20px;\n      border: 1px solid #e0e0e0;\n      border-radius: 5px;\n      font-size: 14px;\n      outline: none;\n    }\n    input[type=\"number\"]:focus {\n      border-color: #007bff;\n    }\n    button {\n      width: 100%;\n      padding: 12px;\n      background-color: #007bff;\n      color: #fff;\n      border: none;\n      border-radius: 5px;\n      font-size: 14px;\n      font-weight: bold;\n      cursor: pointer;\n    }\n    button:hover {\n      background-color: #0056b3;\n    }\n    #result {\n      margin-top: 20px;\n      font-size: 18px;\n      text-align: center;\n      font-weight: bold;\n    }\n  <\/style>\n\n\n  <div class=\"calculator-container\">\n    <h2>Bike Gear Ratio Calculator<\/h2>\n    <form id=\"gearRatioForm\">\n      <label for=\"chainring\">Chainring teeth:<\/label>\n      <input type=\"number\" id=\"chainring\" name=\"chainring\" min=\"1\" required=\"\">\n      <label for=\"cog\">Cog teeth:<\/label>\n      <input type=\"number\" id=\"cog\" name=\"cog\" min=\"1\" required=\"\">\n      <button type=\"submit\">Calculate Gear Ratio<\/button>\n    <\/form>\n    <div id=\"result\"><\/div>\n  <\/div>\n  <script>\n    document.getElementById(\"gearRatioForm\").addEventListener(\"submit\", function(event) {\n      event.preventDefault();\n\n      const chainring = parseInt(document.getElementById(\"chainring\").value);\n      const cog = parseInt(document.getElementById(\"cog\").value);\n\n      const gearRatio = chainring \/ cog;\n      document.getElementById(\"result\").innerHTML = \"Gear Ratio: \" + gearRatio.toFixed(2);\n    });\n  <\/script>\n","protected":false},"excerpt":{"rendered":"<p>Bike Gear Ratio Calculator Chainring teeth: Cog teeth: Calculate Gear Ratio<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":14624,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/pages\/12672"}],"collection":[{"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/comments?post=12672"}],"version-history":[{"count":1,"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/pages\/12672\/revisions"}],"predecessor-version":[{"id":15408,"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/pages\/12672\/revisions\/15408"}],"up":[{"embeddable":true,"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/pages\/14624"}],"wp:attachment":[{"href":"https:\/\/brooklynfixedgear.com\/wp-json\/wp\/v2\/media?parent=12672"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}