{"id":68,"date":"2024-10-12T13:00:31","date_gmt":"2024-10-12T13:00:31","guid":{"rendered":"https:\/\/finanthropist.in\/academy\/?page_id=68"},"modified":"2024-11-06T17:09:59","modified_gmt":"2024-11-06T17:09:59","slug":"pivot-calculator","status":"publish","type":"page","link":"https:\/\/finanthropist.in\/academy\/pivot-calculator\/","title":{"rendered":"Pivot Calculator"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Pivot Calculator<\/title>\n <style>\n body {\n font-family: Arial, sans-serif;\n margin: 0;\n padding: 0;\n background-color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n min-height: 100vh;\n }\n\n .container {\n width: 100%;\n max-width: 600px;\n margin: 20px;\n background: #fff;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n }\n\n h1 {\n text-align: center;\n color: #333;\n font-size: 28px;\n font-weight: bold;\n margin-bottom: 25px;\n border-bottom: 2px solid #007bff;\n padding-bottom: 10px;\n }\n\n label {\n display: block;\n margin-bottom: 5px;\n font-weight: bold;\n }\n\n input[type=\"number\"],\n .btn-submit {\n width: 100%;\n box-sizing: border-box;\n margin: 0 auto;\n }\n\n input[type=\"number\"] {\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 5px;\n font-size: 16px;\n }\n\n .btn-submit {\n padding: 12px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 5px;\n font-size: 18px;\n cursor: pointer;\n }\n\n .btn-submit:hover {\n background-color: #0056b3;\n }\n\n .learn-more {\n margin-top: 15px;\n text-align: center;\n cursor: pointer;\n color: #007bff;\n text-decoration: underline;\n }\n\n .result-container {\n background-color: #f0f7ff;\n border-radius: 15px;\n box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);\n padding: 20px;\n margin-top: 20px;\n display: none;\n animation: fadeIn 0.5s;\n }\n\n .result-container h3 {\n color: #007bff;\n font-size: 22px;\n margin-bottom: 10px;\n }\n\n .result-table {\n width: 100%;\n border-collapse: collapse;\n font-size: 16px;\n }\n\n .result-table th,\n .result-table td {\n padding: 12px;\n text-align: center;\n border-bottom: 1px solid #ddd;\n }\n\n .result-table th {\n background-color: #e6f4ff;\n color: #0056b3;\n font-weight: bold;\n }\n\n .result-table td {\n font-weight: bold;\n text-align: center;\n color: #333;\n }\n\n .support-level {\n background-color: #d4edda;\n color: #155724;\n }\n\n .resistance-level {\n background-color: #f8d7da;\n color: #721c24;\n }\n\n .pivot-level {\n background-color: #ffeeba;\n color: #856404;\n }\n\n .result-table tr:last-child td {\n border-bottom: none;\n }\n\n .result-table tr:hover {\n background-color: #f0f0f0;\n }\n\n #modal {\n display: none;\n position: fixed;\n z-index: 100;\n left: 0;\n top: 0;\n width: 100%;\n height: 100%;\n background: rgba(0, 0, 0, 0.5);\n justify-content: center;\n align-items: center;\n }\n\n #modal.show {\n display: flex;\n }\n\n #modal .modal-content {\n position: relative;\n margin: 20px;\n padding: 20px;\n background: white;\n width: 90%;\n max-width: 500px;\n border-radius: 10px;\n overflow-y: auto;\n max-height: 80vh;\n }\n\n #modal .close-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n font-size: 25px;\n color: red;\n cursor: pointer;\n }\n\n img {\n width: 100%;\n max-height: 300px;\n object-fit: cover;\n margin: 20px auto 0;\n border-radius: 10px;\n display: block;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; }\n to { opacity: 1; }\n }\n <\/style>\n<\/head>\n<body>\n\n<div class=\"container\">\n <h1>Pivot Calculator<\/h1>\n <form id=\"pivot-form\">\n <label for=\"high\">High *<\/label>\n <input type=\"number\" id=\"high\" placeholder=\"Enter high value\" required>\n <label for=\"low\">Low *<\/label>\n <input type=\"number\" id=\"low\" placeholder=\"Enter low value\" required>\n <label for=\"close\">Close *<\/label>\n <input type=\"number\" id=\"close\" placeholder=\"Enter close value\" required>\n <button type=\"submit\" class=\"btn-submit\">Submit<\/button>\n <\/form>\n\n <div class=\"learn-more\" onclick=\"openModal()\">Click here to know more about Pivot Calculator.<\/div>\n\n <div class=\"result-container\" id=\"result-table\">\n <h3>Calculated Pivot Points<\/h3>\n <table class=\"result-table\">\n <tr class=\"pivot-level\">\n <th>Pivot<\/th>\n <td id=\"pivot\">---<\/td>\n <\/tr>\n <\/table>\n\n <h3>Support Levels<\/h3>\n <table class=\"result-table\">\n <tr class=\"support-level\">\n <th>S1<\/th>\n <td id=\"s1\">---<\/td>\n <\/tr>\n <tr class=\"support-level\">\n <th>S2<\/th>\n <td id=\"s2\">---<\/td>\n <\/tr>\n <tr class=\"support-level\">\n <th>S3<\/th>\n <td id=\"s3\">---<\/td>\n <\/tr>\n <\/table>\n\n <h3>Resistance Levels<\/h3>\n <table class=\"result-table\">\n <tr class=\"resistance-level\">\n <th>R1<\/th>\n <td id=\"r1\">---<\/td>\n <\/tr>\n <tr class=\"resistance-level\">\n <th>R2<\/th>\n <td id=\"r2\">---<\/td>\n <\/tr>\n <tr class=\"resistance-level\">\n <th>R3<\/th>\n <td id=\"r3\">---<\/td>\n <\/tr>\n <\/table>\n <\/div>\n<\/div>\n\n<div id=\"modal\">\n <div class=\"modal-content\">\n <span class=\"close-btn\" onclick=\"closeModal()\">×<\/span>\n <h3>What is a Pivot Calculator?<\/h3><br>\n <p>A pivot calculator helps determine support and resistance levels of a stock. By inputting the high, low, and close values of the previous day or week, the tool calculates three immediate support levels (S1, S2, S3) and three immediate resistance levels (R1, R2, R3) for the upcoming trading period.<\/p>\n <img decoding=\"async\" class=\"full-image\" src=\"https:\/\/finanthropist.in\/academy\/wp-content\/uploads\/2024\/10\/6876a0fd-d830-40a2-86c0-6c2e54176e16.jpeg\" alt=\"Pivot Example Image\">\n <\/div>\n<\/div>\n\n<script>\n const form = document.getElementById('pivot-form');\n const resultTable = document.getElementById('result-table');\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n const high = parseFloat(document.getElementById('high').value);\n const low = parseFloat(document.getElementById('low').value);\n const close = parseFloat(document.getElementById('close').value);\n\n const pivot = (high + low + close) \/ 3;\n const s1 = (2 * pivot) - high;\n const s2 = pivot - (high - low);\n const s3 = low - 2 * (high - pivot);\n const r1 = (2 * pivot) - low;\n const r2 = pivot + (high - low);\n const r3 = high + 2 * (pivot - low);\n\n document.getElementById('pivot').textContent = pivot.toFixed(2);\n document.getElementById('s1').textContent = s1.toFixed(2);\n document.getElementById('s2').textContent = s2.toFixed(2);\n document.getElementById('s3').textContent = s3.toFixed(2);\n document.getElementById('r1').textContent = r1.toFixed(2);\n document.getElementById('r2').textContent = r2.toFixed(2);\n document.getElementById('r3').textContent = r3.toFixed(2);\n\n resultTable.style.display = 'block'; \/\/ Show the result table after calculation\n });\n\n function openModal() {\n document.getElementById('modal').style.display = 'block';\n }\n\n function closeModal() {\n document.getElementById('modal').style.display = 'none';\n }\n<\/script>\n<\/body>\n<\/html>\n\t\t\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Pivot Calculator Pivot Calculator High * Low * Close * Submit Click here to know more about Pivot<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_canvas","meta":{"_tutorstarter_page_metadata":[],"footnotes":""},"class_list":["post-68","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/media?parent=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}