{"id":83272,"date":"2023-01-05T04:38:29","date_gmt":"2023-01-05T04:38:29","guid":{"rendered":"https:\/\/diving-info.com\/?page_id=83272"},"modified":"2023-01-05T18:14:27","modified_gmt":"2023-01-05T18:14:27","slug":"calculator","status":"publish","type":"page","link":"https:\/\/diving-info.com\/calculator\/","title":{"rendered":"Calculator"},"content":{"rendered":"<!DOCTYPE html>\r\n<html lang=\"en\">\r\n\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <!-- <link rel=\"stylesheet\" href=\"styelc.css\"> -->\r\n    <style>\r\n        .formbox,\r\n.formbox * {\r\n    box-sizing: border-box;\r\n    padding: 0;\r\n    margin: 0;\r\n    border: none;\r\n    font-size: 16px;\r\n}\r\n\r\n.formbox {\r\n    display: flex;\r\n    flex-direction: column;\r\n    grid-gap: 1em;\r\n    max-width: 85%;\r\n    padding: 1em;\r\n    margin: 1em auto;\r\n    border: none;\r\n    border-radius: 4px;\r\n    \/*box-shadow: 0 0.5em 1em rgba(56, 56, 56, 0.47);*\/\r\n}\r\n\r\n@media  only screen and (max-width:450px) {\r\n    .formbox{\r\n        max-width: 100%;\r\n    }\r\n}\r\n\r\n.formbox hr {\r\n    width: 100%;\r\n    height: 2px;\r\n    margin: 15px 0 !important;\r\n    background-color: #06060636 !important;\r\n}\r\n\r\n.formbox__container {\r\n    display: flex;\r\n    grid-gap: 0.5em;\r\n}\r\n\r\n@media screen and (max-width: 776px) {\r\n    .formbox__container {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n.formbox__container.has-result .formbox-title {\r\n    padding: 0;\r\n}\r\n\r\n.formbox__container.has-result.is-hidden {\r\n    display: none;\r\n}\r\n\r\n.formbox__title {\r\n    flex: 2 0 0;\r\n    padding-top: 0.375em;\r\n    font-weight: 500;\r\n    font-size: 16px;\r\n}\r\n\r\n.formbox__body {\r\n    flex: 3 0 0;\r\n}\r\n\r\n.formbox__body.has-group {\r\n    display: flex;\r\n    grid-gap: 0.5em;\r\n}\r\n\r\n@media screen and (max-width: 776px) {\r\n    .formbox__body.has-group {\r\n        flex-direction: column;\r\n    }\r\n}\r\n\r\n.formbox__body.has-group .formbox__field {\r\n    flex: 1 0 0;\r\n}\r\n\r\n.formbox__field input[type=radio],\r\n.formbox__field input[type=checkbox] {\r\n    margin-right: 8px;\r\n}\r\n\r\n.formbox__field input[type=radio],\r\n.formbox__field input[type=checkbox],\r\n.formbox__field label {\r\n    cursor: pointer;\r\n}\r\n\r\ninput.formbox__field-text,\r\ntextarea.formbox__field-textarea,\r\ninput[type=\"number\"].formbox__field-input, select.formbox__field-select, input[type=\"text\"].formbox__field-result, textarea.formbox__field-result {\r\n    width: 75%;\r\n    max-width: 75%;\r\n    height: 2.5em !important;\r\n    line-height: 1.5 !important;\r\n    padding: calc(.5em - 1px) calc(0.75em - 1px);\r\n    font-size: 1em;\r\n    border: 1px solid #dbdbdb;\r\n    border-radius: 4px;\r\n}\r\n\r\ntextarea.formbox__field-textarea,\r\ntextarea.formbox__field-result {\r\n    height: 10em !important;\r\n}\r\n\r\n\r\n.formbox__htmlBlock-result {\r\n    word-break: break-all;\r\n}\r\n\r\n.formbox__field-addon {\r\n    height: 2.5em;\r\n    line-height: 1.5;\r\n    padding: calc(.5em - 1px) calc(1em - 1px);\r\n    font-size: 1em;\r\n    border: 1px solid #dbdbdb;\r\n    background: #f5f5f5;\r\n    white-space: nowrap;\r\n}\r\n\r\n.formbox__field-lable {\r\n    border: 0;\r\n    clip: rect(1px, 1px, 1px, 1px);\r\n    clip-path: inset(50%);\r\n    height: 1px;\r\n    margin: -1px;\r\n    overflow: hidden;\r\n    padding: 0;\r\n    position: absolute !important;\r\n    width: 1px;\r\n    word-wrap: normal !important;\r\n}\r\n\r\n.formbox__field-lable:focus {\r\n    background-color: #f1f1f1;\r\n    border-radius: 3px;\r\n    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);\r\n    clip: auto !important;\r\n    clip-path: none;\r\n    color: #21759b;\r\n    display: block;\r\n    font-size: 0.875em;\r\n    font-weight: 700;\r\n    height: auto;\r\n    left: 5px;\r\n    line-height: normal;\r\n    padding: 15px 23px 14px;\r\n    text-decoration: none;\r\n    top: 5px;\r\n    width: auto;\r\n    z-index: 100000;\r\n}\r\n\r\n.formbox__field.has-addon {\r\n    display: flex;\r\n}\r\n\r\n.formbox__field.has-addon.is-right .formbox__field-result,\r\n.formbox__field.has-addon.is-right .formbox__field-input {\r\n    border-radius: 4px 0 0 4px;\r\n}\r\n\r\n.formbox__field.has-addon.is-right .formbox__field-addon {\r\n    order: 1;\r\n    border-radius: 0 4px 4px 0;\r\n    border-left: none;\r\n}\r\n\r\n.formbox__field.has-addon.is-left .formbox__field-result,\r\n.formbox__field.has-addon.is-left .formbox__field-input {\r\n    border-radius: 0 4px 4px 0;\r\n}\r\n\r\n.formbox__field.has-addon.is-left .formbox__field-addon {\r\n    border-radius: 4px 0 0 4px;\r\n    border-right: none;\r\n}\r\n\r\n.formbox__btn {\r\n    display: flex;\r\n    grid-gap: 0.5em;\r\n}\r\n\r\n.formbox__btn input[type=submit],\r\n.formbox__btn input[type=reset],\r\n.formbox__btn button {\r\n    padding: 0.5em 1em;\r\n    justify-content: center;\r\n    border-radius: 4px;\r\n    border: 1px solid transparent;\r\n    text-align: center;\r\n    white-space: nowrap;\r\n    cursor: pointer;\r\n    user-select: none;\r\n    font-size: 1em;\r\n    font-weight: 500;\r\n}\r\n\r\n.formbox__btn-calc {\r\n    color: white;\r\n    background: darkgreen;\r\n}\r\n\r\n.formbox__btn-reset {\r\n    color: white;\r\n    background: #383838;\r\n}\r\n\r\n@media screen and (max-width: 776px) {\r\n    .formbox__btn {\r\n        text-align: center;\r\n    }\r\n}\r\n\r\n\/*# sourceMappingURL=style.css.map *\/\r\n\r\n\r\n\/* Chrome, Safari, Edge, Opera *\/\r\ninput::-webkit-outer-spin-button,\r\ninput::-webkit-inner-spin-button {\r\n  -webkit-appearance: none;\r\n  margin: 0;\r\n}\r\n\r\n\/* Firefox *\/\r\ninput[type=number] {\r\n  -moz-appearance: textfield;\r\n}\r\n    <\/style>\r\n<\/head>\r\n\r\n<body>\r\n    <div name=\"formbox\" class=\"formbox\" id=\"calculator_1\">\r\n        <!-- <div > -->\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\">Maximum Depth (ft):<\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-1\">Maximum Depth\r\n                        (ft):<\/label>\r\n                        <input type=\"number\" class=\"formbox__field-input\" value=\"67\" step=\"1\" required=\"\"\r\n                        name=\"formbox-field-1\" id=\"formbox-field-1\"><\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\">Dive Time (min):<\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-2\">Dive Time\r\n                        (min):<\/label>\r\n                        <input type=\"number\" class=\"formbox__field-input\" value=\"20\" required=\"\"\r\n                        name=\"formbox-field-2\" id=\"formbox-field-2\"><\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\">Tank Volume (cubic ft):<\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-3\">Tank Volume (cubic\r\n                        ft):<\/label>\r\n                        <input type=\"number\" class=\"formbox__field-input\" value=\"80\" required=\"\"\r\n                        name=\"formbox-field-3\" id=\"formbox-field-3\"><\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\">Pressure (initial psi):<\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-4\">Pressure (initial\r\n                        psi):<\/label>\r\n                        <input type=\"number\" class=\"formbox__field-input\" value=\"3000\" required=\"\"\r\n                        name=\"formbox-field-4\" id=\"formbox-field-4\"><\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\">Pressure (final psi):<\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-5\">Pressure (final\r\n                        psi):<\/label>\r\n                        <input type=\"number\" class=\"formbox__field-input\" value=\"1000\" required=\"\"\r\n                        name=\"formbox-field-5\" id=\"formbox-field-5\">\r\n                    <\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <fieldset class=\"formbox__container\">\r\n            <div class=\"formbox__title\" style=\"font-size: 16px; font-weight: 500;\"><\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__btn\">\r\n                    <button class=\"formbox__btn-calc\" onclick=\"calc_this_values()\">Calculate<\/button>\r\n                <\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <\/div>\r\n        <div class=\"formbox\" id=\"calculator_2\" style=\"display: none\">\r\n        <fieldset class=\"formbox__container has-result\">\r\n            <div class=\"formbox__title\" style=\"display: none; font-size: 16px; font-weight: 500;\"><\/div>\r\n            <div class=\"formbox__body\">\r\n                <div class=\"formbox__field is-result\">\r\n                    <label class=\"formbox__field-lable\" for=\"formbox-field-6\">\r\n                    <\/label>\r\n                        <textarea class=\"formbox__field-result\" readonly=\"\" hidden=\"\"\r\n                        name=\"formbox-field-6\" id=\"formbox-field-6\">\r\n                    <\/textarea>\r\n                    <div class=\"formbox__htmlBlock-result\" id=\"ryDive\" style=\"font-size: 17px; font-weight: 500;\">\r\n                        \r\n                    <\/div>\r\n                    <div class=\"formbox__btn\" style=\"margin-top: 15px;\">\r\n                        <button type=\"reset\" class=\"formbox__btn-reset\" onclick=\"sohw_this()\">Recalculate<\/button>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n        <\/fieldset>\r\n        <\/div>  \r\n    <!-- <\/div> -->\r\n\r\n    <script>\r\n        function calc_this_values(){\r\n\r\n        var ax1,ax2,ax3,ax4,ax5, ry1;\r\n        ax1=parseFloat( document.getElementById(\"formbox-field-1\").value);\r\n        ax2=parseFloat( document.getElementById(\"formbox-field-2\").value);\r\n        ax3=parseFloat( document.getElementById(\"formbox-field-3\").value);\r\n        ax4=parseFloat( document.getElementById(\"formbox-field-4\").value);\r\n        ax5=parseFloat( document.getElementById(\"formbox-field-5\").value);\r\n\r\n        let surfaceair = ((ax3 * (ax4 - ax5) \/ ax4) \/ ax2) \/ (1 + ax1 \/ 33);\r\n        let airUsed = (ax4 - ax5) \/ ax4 * ax3;\r\n\r\n        surfaceair = surfaceair.toFixed(2);\r\n        airUsed = airUsed.toFixed(2);\r\n\r\n\r\n\r\n        let final = `Dive Profile: ${ax1} feet for ${ax2} minutes Tank: ${ax3} cubic feet, ${ax4} psi`;\r\n        let final1 = `You used ${ax4-ax5} psi of pressure, and ${airUsed} cfm`;\r\n        let final2 = `Your SAC rate is ${surfaceair} psi\/min`;\r\n        let final3 = `Your RMV rate is ${airUsed} psi\/min`;\r\n\r\n\r\n\r\n        ry1 = \"<hr>\" + final + \"<br>\" + final1 + \"<br>\" + final2 + \"<br>\" + final3;\r\n\r\n        document.getElementById(\"calculator_1\").style.display=\"none\";\r\n        \r\n        document.getElementById(\"calculator_2\").style.display=\"block\";\r\n\r\n        document.getElementById(\"ryDive\").innerHTML =ry1;\r\n\r\n\r\n        }\r\n\r\n        function sohw_this(){\r\n        document.getElementById(\"calculator_1\").style.display=\"flex\";\r\n        \r\n        document.getElementById(\"calculator_2\").style.display=\"none\";\r\n        }\r\n    <\/script>\r\n<\/body>\r\n\r\n\r\n\r\n<\/html>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":13,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/pages\/83272"}],"collection":[{"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/users\/13"}],"replies":[{"embeddable":true,"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/comments?post=83272"}],"version-history":[{"count":30,"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/pages\/83272\/revisions"}],"predecessor-version":[{"id":83313,"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/pages\/83272\/revisions\/83313"}],"wp:attachment":[{"href":"https:\/\/diving-info.com\/wp-json\/wp\/v2\/media?parent=83272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}