{"id":1842,"date":"2023-02-17T12:49:13","date_gmt":"2023-02-17T12:49:13","guid":{"rendered":"https:\/\/www.tools.keywordfinder.us\/?page_id=1842"},"modified":"2023-02-17T12:49:13","modified_gmt":"2023-02-17T12:49:13","slug":"ration-padding","status":"publish","type":"page","link":"https:\/\/tools.billionsideas.com\/hi\/ration-padding\/","title":{"rendered":"Ration Padding"},"content":{"rendered":"<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-base-3-background-color has-background is-layout-flow wp-block-column-is-layout-flow\">\n<section><h1>Ratio Padding<\/h1><br>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<input class=\"form-control pull-left\" id=\"width\" maxlength=\"5\" type=\"number\">\n\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"pull-left larger-text\">x<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t<input class=\"form-control pull-left\" id=\"height\" maxlength=\"5\" type=\"number\"><br><br>\n\t\t\t\t\t\t\t\t\t\t\t\t<input class=\"btn btn-primary\" id=\"btn\" type=\"submit\" value=\"Calculate\"><br><br>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"col-md-6 larger-text\" id=\"calculation\"><\/div>\n\t\t\t\t\t\t\n\t\t<\/section>\t\t\n\n\n<script>\nvar calcuation = function() {\n\t\t\"use strict\";\n\t\tvar btn = document.getElementById(\"btn\"),\n\t\t\t\tw = document.getElementById(\"width\"),\n\t\t\t\th = document.getElementById(\"height\"),\n\t\t\t\tans = document.getElementById(\"calculation\"),\n\t\t\t\toutput = \"\";\n\n\t\tbtn.addEventListener(\"click\", function(e) {\n\t\t\t\te.preventDefault();\n\t\t\t\toutput = ((Math.round(h.value) \/ Math.round(w.value)) * 100).toFixed(2);\n\t\t\t\tif (output > 0) {\n\t\t\t\t\t\tans.innerHTML = \"padding-top: \" + output.replace(\".00\", \"\") + \"%\";\n\t\t\t\t} else {\n\t\t\t\t\t\tans.innerHTML = \"Invalid dimensions\";\n\t\t\t\t}\n\t\t});\n}();\n<\/script>\n\n<style>\nsection{\n         margin-top:60px;\n        width: 100%;\n        max-width: 970px;\n        background-color: #fff;\n        border: 1px solid #ddd;\n        padding: 25px;\n      }\n<\/style>\n<\/div>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>Ratio Padding x<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","footnotes":""},"class_list":["post-1842","page","type-page","status-publish"],"taxonomy_info":[],"featured_image_src_large":false,"author_info":{"display_name":"Billions Ideas","author_link":"https:\/\/tools.billionsideas.com\/hi\/author\/loginbillionsideas-com\/"},"comment_info":0,"jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/1842","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/comments?post=1842"}],"version-history":[{"count":0,"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/pages\/1842\/revisions"}],"wp:attachment":[{"href":"https:\/\/tools.billionsideas.com\/hi\/wp-json\/wp\/v2\/media?parent=1842"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}