Percentage Calculator<\/title>\n \n <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n \/* Inline CSS for additional styling *\/\n body {\n padding: 20px;\n }\n .calculator-container {\n max-width: 400px;\n margin: auto;\n background-color: #f8f9fa;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n input, button {\n margin-bottom: 10px;\n }\n button {\n margin-right: 10px;\n }\n #result {\n font-weight: bold;\n color: rgb(0, 123, 255);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container calculator-container\">\n <h2>Percentage Calculator<\/h2>\n <div>\n <label for=\"inputX\">Percent Value (%):<\/label>\n <input type=\"number\" id=\"inputX\" class=\"form-control\" placeholder=\"Enter Percent Value\">\n <\/div>\n <div>\n <label for=\"inputY\">Value to calculate percentage:<\/label>\n <input type=\"number\" id=\"inputY\" class=\"form-control\" placeholder=\"Enter value to calculate percentage\">\n <\/div>\n <div>\n <button class=\"btn btn-success\" onclick=\"calculatePercentage()\">Calculate<\/button>\n <button class=\"btn btn-warning\" onclick=\"clearFields()\">Clear<\/button>\n <\/div>\n <div id=\"result\"><\/div>\n<\/div>\n\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.9.2\/dist\/umd\/popper.min.js\"><\/script>\n<script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>\n\n<script>\n function calculatePercentage() {\n var x = parseFloat(document.getElementById('inputX').value);\n var y = parseFloat(document.getElementById('inputY').value);\n\n if (!isNaN(x) && !isNaN(y)) {\n var result = (x \/ 100) * y;\n document.getElementById('result').innerHTML = x + '% of ' + y + ' is ' + result;\n } else {\n document.getElementById('result').innerHTML = 'Please enter valid numbers.';\n }\n }\n\n function clearFields() {\n document.getElementById('inputX').value = '';\n document.getElementById('inputY').value = '';\n document.getElementById('result').innerHTML = '';\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Percentage Calculator Percentage Calculator Percent Value (%): Value to calculate percentage: Calculate Clear<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137"}],"collection":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":4,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":137,"date":"2024-01-02T12:39:17","date_gmt":"2024-01-02T12:39:17","guid":{"rendered":"https:\/\/lifestylerepository.com\/?page_id=137"},"modified":"2024-01-02T12:44:11","modified_gmt":"2024-01-02T12:44:11","slug":"percentage-calculator","status":"publish","type":"page","link":"https:\/\/lifestylerepository.com\/index.php\/percentage-calculator\/","title":{"rendered":"Percentage Calculator"},"content":{"rendered":"\n\n\n\n \n \n Percentage Calculator<\/title>\n \n <link href=\"https:\/\/maxcdn.bootstrapcdn.com\/bootstrap\/4.5.2\/css\/bootstrap.min.css\" rel=\"stylesheet\">\n <style>\n \/* Inline CSS for additional styling *\/\n body {\n padding: 20px;\n }\n .calculator-container {\n max-width: 400px;\n margin: auto;\n background-color: #f8f9fa;\n padding: 20px;\n border-radius: 8px;\n box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);\n }\n input, button {\n margin-bottom: 10px;\n }\n button {\n margin-right: 10px;\n }\n #result {\n font-weight: bold;\n color: rgb(0, 123, 255);\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container calculator-container\">\n <h2>Percentage Calculator<\/h2>\n <div>\n <label for=\"inputX\">Percent Value (%):<\/label>\n <input type=\"number\" id=\"inputX\" class=\"form-control\" placeholder=\"Enter Percent Value\">\n <\/div>\n <div>\n <label for=\"inputY\">Value to calculate percentage:<\/label>\n <input type=\"number\" id=\"inputY\" class=\"form-control\" placeholder=\"Enter value to calculate percentage\">\n <\/div>\n <div>\n <button class=\"btn btn-success\" onclick=\"calculatePercentage()\">Calculate<\/button>\n <button class=\"btn btn-warning\" onclick=\"clearFields()\">Clear<\/button>\n <\/div>\n <div id=\"result\"><\/div>\n<\/div>\n\n\n<script src=\"https:\/\/code.jquery.com\/jquery-3.5.1.slim.min.js\"><\/script>\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/@popperjs\/core@2.9.2\/dist\/umd\/popper.min.js\"><\/script>\n<script src=\"https:\/\/stackpath.bootstrapcdn.com\/bootstrap\/4.5.2\/js\/bootstrap.min.js\"><\/script>\n\n<script>\n function calculatePercentage() {\n var x = parseFloat(document.getElementById('inputX').value);\n var y = parseFloat(document.getElementById('inputY').value);\n\n if (!isNaN(x) && !isNaN(y)) {\n var result = (x \/ 100) * y;\n document.getElementById('result').innerHTML = x + '% of ' + y + ' is ' + result;\n } else {\n document.getElementById('result').innerHTML = 'Please enter valid numbers.';\n }\n }\n\n function clearFields() {\n document.getElementById('inputX').value = '';\n document.getElementById('inputY').value = '';\n document.getElementById('result').innerHTML = '';\n }\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Percentage Calculator Percentage Calculator Percent Value (%): Value to calculate percentage: Calculate Clear<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"_links":{"self":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137"}],"collection":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/comments?post=137"}],"version-history":[{"count":4,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions"}],"predecessor-version":[{"id":141,"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/pages\/137\/revisions\/141"}],"wp:attachment":[{"href":"https:\/\/lifestylerepository.com\/index.php\/wp-json\/wp\/v2\/media?parent=137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}