Simple Calculator<\/title>\r\n <style>\r\n body {\r\n background: #f3f3f3;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n font-family: Arial, sans-serif;\r\n }\r\n .calculator {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n width: 280px;\r\n }\r\n .display {\r\n width: 100%;\r\n height: 50px;\r\n margin-bottom: 10px;\r\n font-size: 1.5rem;\r\n text-align: right;\r\n padding: 10px;\r\n border: none;\r\n background: #f0f0f0;\r\n border-radius: 10px;\r\n }\r\n .buttons {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n }\r\n button {\r\n height: 60px;\r\n font-size: 1.2rem;\r\n border: none;\r\n border-radius: 10px;\r\n background: #4CAF50;\r\n color: white;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n }\r\n button:hover {\r\n background: #45a049;\r\n }\r\n .operator {\r\n background: #2196F3;\r\n }\r\n .operator:hover {\r\n background: #1976D2;\r\n }\r\n .equal {\r\n background: #FF5722;\r\n grid-column: span 2;\r\n }\r\n .equal:hover {\r\n background: #E64A19;\r\n }\r\n .clear {\r\n background: #f44336;\r\n }\r\n .clear:hover {\r\n background: #d32f2f;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"calculator\">\r\n <input type=\"text\" id=\"display\" class=\"display\" disabled \/>\r\n <div class=\"buttons\">\r\n <button class=\"clear\" onclick=\"clearDisplay()\">C<\/button>\r\n <button onclick=\"deleteChar()\">DEL<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('\/')\">\u00f7<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('*')\">\u00d7<\/button>\r\n\r\n <button onclick=\"appendValue('7')\">7<\/button>\r\n <button onclick=\"appendValue('8')\">8<\/button>\r\n <button onclick=\"appendValue('9')\">9<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('-')\">\u2212<\/button>\r\n\r\n <button onclick=\"appendValue('4')\">4<\/button>\r\n <button onclick=\"appendValue('5')\">5<\/button>\r\n <button onclick=\"appendValue('6')\">6<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('+')\">+<\/button>\r\n\r\n <button onclick=\"appendValue('1')\">1<\/button>\r\n <button onclick=\"appendValue('2')\">2<\/button>\r\n <button onclick=\"appendValue('3')\">3<\/button>\r\n <button class=\"equal\" onclick=\"calculate()\">=<\/button>\r\n\r\n <button onclick=\"appendValue('0')\" style=\"grid-column: span 2;\">0<\/button>\r\n <button onclick=\"appendValue('.')\">.<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const display = document.getElementById('display');\r\n\r\n function appendValue(value) {\r\n display.value += value;\r\n }\r\n\r\n function clearDisplay() {\r\n display.value = '';\r\n }\r\n\r\n function deleteChar() {\r\n display.value = display.value.slice(0, -1);\r\n }\r\n\r\n function calculate() {\r\n try {\r\n display.value = eval(display.value);\r\n } catch {\r\n display.value = 'Error';\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simple Calculator C DEL \u00f7 \u00d7 7 8 9 \u2212 4 5 6 + 1 2 3 = 0 .<\/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":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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":""},"class_list":["post-1878","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/comments?post=1878"}],"version-history":[{"count":4,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878\/revisions"}],"predecessor-version":[{"id":1884,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878\/revisions\/1884"}],"wp:attachment":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/media?parent=1878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\r\n\r\n\r\n \r\n \r\n Simple Calculator<\/title>\r\n <style>\r\n body {\r\n background: #f3f3f3;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n height: 100vh;\r\n font-family: Arial, sans-serif;\r\n }\r\n .calculator {\r\n background: #fff;\r\n padding: 20px;\r\n border-radius: 20px;\r\n box-shadow: 0 4px 10px rgba(0,0,0,0.2);\r\n width: 280px;\r\n }\r\n .display {\r\n width: 100%;\r\n height: 50px;\r\n margin-bottom: 10px;\r\n font-size: 1.5rem;\r\n text-align: right;\r\n padding: 10px;\r\n border: none;\r\n background: #f0f0f0;\r\n border-radius: 10px;\r\n }\r\n .buttons {\r\n display: grid;\r\n grid-template-columns: repeat(4, 1fr);\r\n gap: 10px;\r\n }\r\n button {\r\n height: 60px;\r\n font-size: 1.2rem;\r\n border: none;\r\n border-radius: 10px;\r\n background: #4CAF50;\r\n color: white;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n }\r\n button:hover {\r\n background: #45a049;\r\n }\r\n .operator {\r\n background: #2196F3;\r\n }\r\n .operator:hover {\r\n background: #1976D2;\r\n }\r\n .equal {\r\n background: #FF5722;\r\n grid-column: span 2;\r\n }\r\n .equal:hover {\r\n background: #E64A19;\r\n }\r\n .clear {\r\n background: #f44336;\r\n }\r\n .clear:hover {\r\n background: #d32f2f;\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"calculator\">\r\n <input type=\"text\" id=\"display\" class=\"display\" disabled \/>\r\n <div class=\"buttons\">\r\n <button class=\"clear\" onclick=\"clearDisplay()\">C<\/button>\r\n <button onclick=\"deleteChar()\">DEL<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('\/')\">\u00f7<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('*')\">\u00d7<\/button>\r\n\r\n <button onclick=\"appendValue('7')\">7<\/button>\r\n <button onclick=\"appendValue('8')\">8<\/button>\r\n <button onclick=\"appendValue('9')\">9<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('-')\">\u2212<\/button>\r\n\r\n <button onclick=\"appendValue('4')\">4<\/button>\r\n <button onclick=\"appendValue('5')\">5<\/button>\r\n <button onclick=\"appendValue('6')\">6<\/button>\r\n <button class=\"operator\" onclick=\"appendValue('+')\">+<\/button>\r\n\r\n <button onclick=\"appendValue('1')\">1<\/button>\r\n <button onclick=\"appendValue('2')\">2<\/button>\r\n <button onclick=\"appendValue('3')\">3<\/button>\r\n <button class=\"equal\" onclick=\"calculate()\">=<\/button>\r\n\r\n <button onclick=\"appendValue('0')\" style=\"grid-column: span 2;\">0<\/button>\r\n <button onclick=\"appendValue('.')\">.<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const display = document.getElementById('display');\r\n\r\n function appendValue(value) {\r\n display.value += value;\r\n }\r\n\r\n function clearDisplay() {\r\n display.value = '';\r\n }\r\n\r\n function deleteChar() {\r\n display.value = display.value.slice(0, -1);\r\n }\r\n\r\n function calculate() {\r\n try {\r\n display.value = eval(display.value);\r\n } catch {\r\n display.value = 'Error';\r\n }\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Simple Calculator C DEL \u00f7 \u00d7 7 8 9 \u2212 4 5 6 + 1 2 3 = 0 .<\/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":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","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":"disabled","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":""},"class_list":["post-1878","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/comments?post=1878"}],"version-history":[{"count":4,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878\/revisions"}],"predecessor-version":[{"id":1884,"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/pages\/1878\/revisions\/1884"}],"wp:attachment":[{"href":"https:\/\/chandraelectrical.in\/index.php\/wp-json\/wp\/v2\/media?parent=1878"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}