Kalkulator Sederhana<\/title><\/p>\n<style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: flex-start; \/* Memastikan konten dimulai di bagian atas *\/\n height: 100vh;\n background-color: #f0f0f0;\n }\n .container {\n width: 100%;\n max-width: 320px;\n padding: 20px;\n box-sizing: border-box;\n }\n .header {\n text-align: center;\n font-size: 24px;\n margin-bottom: 20px;\n }\n .calculator {\n width: 100%;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n background-color: #f5f5f5;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n }\n .calculator input[type=\"text\"] {\n width: 100%;\n font-size: 24px;\n padding: 10px;\n margin-bottom: 10px;\n border: none;\n border-radius: 5px;\n text-align: right;\n background-color: #fff;\n }\n .calculator button {\n width: 50px;\n height: 50px;\n font-size: 20px;\n margin: 5px;\n border: none;\n border-radius: 5px;\n background-color: #007BFF;\n color: #fff;\n cursor: pointer;\n }\n .calculator button:hover {\n background-color: #0056b3;\n }\n .calculator .row {\n display: flex;\n justify-content: space-between;\n }<\/p>\n<p> \/* Media Queries untuk responsivitas di perangkat mobile *\/\n @media (max-width: 480px) {\n .calculator button {\n width: 45px;\n height: 45px;\n font-size: 18px;\n }\n .container {\n padding: 10px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<div class=\"header\">Kalkulator Sederhana<\/div>\n<div class=\"calculator\">\n <input type=\"text\" id=\"display\" readonly><\/p>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('7')\">7<\/button><br \/>\n <button onclick=\"appendToDisplay('8')\">8<\/button><br \/>\n <button onclick=\"appendToDisplay('9')\">9<\/button><br \/>\n <button onclick=\"appendToDisplay('+')\">+<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('4')\">4<\/button><br \/>\n <button onclick=\"appendToDisplay('5')\">5<\/button><br \/>\n <button onclick=\"appendToDisplay('6')\">6<\/button><br \/>\n <button onclick=\"appendToDisplay('-')\">–<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('1')\">1<\/button><br \/>\n <button onclick=\"appendToDisplay('2')\">2<\/button><br \/>\n <button onclick=\"appendToDisplay('3')\">3<\/button><br \/>\n <button onclick=\"appendToDisplay('*')\">*<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('0')\">0<\/button><br \/>\n <button onclick=\"clearDisplay()\">C<\/button><br \/>\n <button onclick=\"calculateResult()\">=<\/button><br \/>\n <button onclick=\"appendToDisplay('\/')\">\/<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n function appendToDisplay(value) {\n document.getElementById('display').value += value;\n }\n function clearDisplay() {\n document.getElementById('display').value = '';\n }\n function calculateResult() {\n try {\n const result = eval(document.getElementById('display').value);\n document.getElementById('display').value = result;\n } catch (error) {\n document.getElementById('display').value = 'Error';\n }\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kalkulator Sederhana Kalkulator Sederhana 7 8 9 + 4 5 6 – 1 2 3 * 0 C = \/<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-50914","post","type-post","status-publish","format-standard","hentry","category-ragam"],"_links":{"self":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts\/50914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/comments?post=50914"}],"version-history":[{"count":0,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts\/50914\/revisions"}],"wp:attachment":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/media?parent=50914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/categories?post=50914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/tags?post=50914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":50914,"date":"2025-01-30T19:27:52","date_gmt":"2025-01-30T12:27:52","guid":{"rendered":"https:\/\/an-nur.ac.id\/?p=50914"},"modified":"2025-01-30T19:27:52","modified_gmt":"2025-01-30T12:27:52","slug":"kalkulator","status":"publish","type":"post","link":"https:\/\/wirabuana.ac.id\/artikel\/kalkulator\/","title":{"rendered":"Kalkulator Sederhana"},"content":{"rendered":"

\n
\n
\n
\n
\n Kalkulator Sederhana<\/title><\/p>\n<style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n display: flex;\n justify-content: center;\n align-items: flex-start; \/* Memastikan konten dimulai di bagian atas *\/\n height: 100vh;\n background-color: #f0f0f0;\n }\n .container {\n width: 100%;\n max-width: 320px;\n padding: 20px;\n box-sizing: border-box;\n }\n .header {\n text-align: center;\n font-size: 24px;\n margin-bottom: 20px;\n }\n .calculator {\n width: 100%;\n padding: 20px;\n border: 1px solid #ccc;\n border-radius: 5px;\n background-color: #f5f5f5;\n box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);\n }\n .calculator input[type=\"text\"] {\n width: 100%;\n font-size: 24px;\n padding: 10px;\n margin-bottom: 10px;\n border: none;\n border-radius: 5px;\n text-align: right;\n background-color: #fff;\n }\n .calculator button {\n width: 50px;\n height: 50px;\n font-size: 20px;\n margin: 5px;\n border: none;\n border-radius: 5px;\n background-color: #007BFF;\n color: #fff;\n cursor: pointer;\n }\n .calculator button:hover {\n background-color: #0056b3;\n }\n .calculator .row {\n display: flex;\n justify-content: space-between;\n }<\/p>\n<p> \/* Media Queries untuk responsivitas di perangkat mobile *\/\n @media (max-width: 480px) {\n .calculator button {\n width: 45px;\n height: 45px;\n font-size: 18px;\n }\n .container {\n padding: 10px;\n }\n }\n <\/style>\n<p><\/head><br \/>\n<body><\/p>\n<div class=\"container\">\n<div class=\"header\">Kalkulator Sederhana<\/div>\n<div class=\"calculator\">\n <input type=\"text\" id=\"display\" readonly><\/p>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('7')\">7<\/button><br \/>\n <button onclick=\"appendToDisplay('8')\">8<\/button><br \/>\n <button onclick=\"appendToDisplay('9')\">9<\/button><br \/>\n <button onclick=\"appendToDisplay('+')\">+<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('4')\">4<\/button><br \/>\n <button onclick=\"appendToDisplay('5')\">5<\/button><br \/>\n <button onclick=\"appendToDisplay('6')\">6<\/button><br \/>\n <button onclick=\"appendToDisplay('-')\">–<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('1')\">1<\/button><br \/>\n <button onclick=\"appendToDisplay('2')\">2<\/button><br \/>\n <button onclick=\"appendToDisplay('3')\">3<\/button><br \/>\n <button onclick=\"appendToDisplay('*')\">*<\/button>\n <\/div>\n<div class=\"row\">\n <button onclick=\"appendToDisplay('0')\">0<\/button><br \/>\n <button onclick=\"clearDisplay()\">C<\/button><br \/>\n <button onclick=\"calculateResult()\">=<\/button><br \/>\n <button onclick=\"appendToDisplay('\/')\">\/<\/button>\n <\/div>\n<\/p><\/div>\n<\/p><\/div>\n<p> <script>\n function appendToDisplay(value) {\n document.getElementById('display').value += value;\n }\n function clearDisplay() {\n document.getElementById('display').value = '';\n }\n function calculateResult() {\n try {\n const result = eval(document.getElementById('display').value);\n document.getElementById('display').value = result;\n } catch (error) {\n document.getElementById('display').value = 'Error';\n }\n }\n <\/script><br \/>\n<\/body><br \/>\n<\/html><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kalkulator Sederhana Kalkulator Sederhana 7 8 9 + 4 5 6 – 1 2 3 * 0 C = \/<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[6],"tags":[],"class_list":["post-50914","post","type-post","status-publish","format-standard","hentry","category-ragam"],"_links":{"self":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts\/50914","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/comments?post=50914"}],"version-history":[{"count":0,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/posts\/50914\/revisions"}],"wp:attachment":[{"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/media?parent=50914"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/categories?post=50914"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wirabuana.ac.id\/artikel\/wp-json\/wp\/v2\/tags?post=50914"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}