Fibonacci Calculator<\/title>\n <style>\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f7fa;\n color: #333;\n }\n .container {\n max-width: 800px;\n margin: 40px auto;\n background: #ffffff;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n }\n\n h3 {\n text-align: center;\n font-size: 24px;\n margin-bottom: 20px;\n color: black;\n }\n\n label {\n display: block;\n margin-bottom: 5px;\n font-size: 14px;\n color: #555;\n }\n\n input[type=\"number\"] {\n width: calc(100% - 20px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n box-sizing: border-box;\n transition: border 0.3s ease;\n }\n\n input[type=\"number\"]:focus {\n border-color: #007bff;\n outline: none;\n }\n\n .btn-submit {\n width: 100%;\n padding: 12px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n .btn-submit:hover {\n background-color: #0056b3;\n }\n\n .learn-more {\n margin-top: 15px;\n text-align: center;\n color: #007bff;\n text-decoration: underline;\n cursor: pointer;\n }\n\n .result-table {\n display: none;\n margin-top: 25px;\n padding: 15px;\n border-radius: 10px;\n background-color: #e9f4ff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n }\n\n .row {\n display: flex;\n justify-content: space-between;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .column {\n flex: 1;\n min-width: 45%;\n background: #fdfdfd;\n border-radius: 10px;\n padding: 15px;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);\n margin-bottom: 15px;\n }\n\n .uptrend, .downtrend {\n padding: 8px;\n border-radius: 8px;\n margin-bottom: 15px;\n font-size: 16px;\n font-weight: bold;\n }\n\n .uptrend {\n background-color: #28a745;\n color: #fff;\n }\n\n .downtrend {\n background-color: #dc3545;\n color: #fff;\n }\n\n .table-section {\n margin-bottom: 15px;\n }\n\n .table-section .heading {\n background-color: #6c757d;\n color: #fff;\n padding: 6px;\n border-radius: 5px;\n text-align: center;\n margin-bottom: 8px;\n font-size: 14px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 10px;\n }\n\n th, td {\n padding: 8px;\n text-align: center;\n border: 1px solid #ddd;\n }\n\n th {\n background-color: #f1f3f5;\n color: #333;\n font-weight: bold;\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.6);\n }\n\n #modal .modal-content {\n margin: 10% auto;\n padding: 20px;\n background: #fff;\n border-radius: 10px;\n width: 90%;\n max-width: 500px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n }\n\n #modal .close-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n font-size: 25px;\n cursor: pointer;\n color: #e3342f;\n }\n\n @media (max-width: 768px) {\n .column {\n flex: 1;\n min-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h3>Fibonacci Calculator<\/h3>\n <form id=\"fib-form\">\n <label for=\"high\">Swing High *<\/label>\n <input type=\"number\" id=\"high\" placeholder=\"Enter swing high value\" required>\n <label for=\"low\">Swing Low *<\/label>\n <input type=\"number\" id=\"low\" placeholder=\"Enter swing low value\" required>\n <button type=\"submit\" class=\"btn-submit\">Submit<\/button>\n <\/form>\n <div class=\"learn-more\" onclick=\"openModal()\">Click here to know more about Fibonacci Calculator.<\/div>\n <div class=\"result-table\" id=\"result-table\">\n <div class=\"row\">\n <div class=\"column\">\n <div class=\"uptrend\">Uptrend<\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Extension<\/div>\n <table>\n <tr><th>161.8%<\/th><td id=\"up-ext-161\">---<\/td><\/tr>\n <tr><th>138.2%<\/th><td id=\"up-ext-138\">---<\/td><\/tr>\n <tr><th>100%<\/th><td id=\"up-ext-100\">---<\/td><\/tr>\n <tr><th>61.8%<\/th><td id=\"up-ext-61\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Retracement<\/div>\n <table>\n <tr><th>38.2%<\/th><td id=\"up-ret-38\">---<\/td><\/tr>\n <tr><th>50%<\/th><td id=\"up-ret-50\">---<\/td><\/tr>\n <tr><th>61.8%<\/th><td id=\"up-ret-61\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"column\">\n <div class=\"downtrend\">Downtrend<\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Retracement<\/div>\n <table>\n <tr><th>61.8%<\/th><td id=\"down-ret-61\">---<\/td><\/tr>\n <tr><th>50%<\/th><td id=\"down-ret-50\">---<\/td><\/tr>\n <tr><th>38.2%<\/th><td id=\"down-ret-38\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Extension<\/div>\n <table>\n <tr><th>61.8%<\/th><td id=\"down-ext-61\">---<\/td><\/tr>\n <tr><th>100%<\/th><td id=\"down-ext-100\">---<\/td><\/tr>\n <tr><th>138.2%<\/th><td id=\"down-ext-138\">---<\/td><\/tr>\n <tr><th>161.8%<\/th><td id=\"down-ext-161\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\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 Fibonacci Calculator?<\/h3>\n <p>The Fibonacci sequence of numbers is as follows: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, etc. Each term in this sequence is simply the sum of the two preceding terms, and the sequence continues infinitely. One of the remarkable characteristics of this numerical sequence is that each number is approximately 1.618 times greater than the preceding number. This common relationship between every number in the series is the foundation of the common ratios used in retracement studies.\n<br><br>\nThe key Fibonacci ratio of 61.8%, also referred to as \"the golden ratio\" or \"the golden mean,\" is found by dividing one number in the series by the number that follows it. For example, 21 divided by 34 equals 0.6176 and 55 divided by 89 equals 0.6179.\n<br><br>\nThe 38.2% ratio is found by dividing one number in the series by the number that is found two places to the right. For example, 55 divided by 144 equals 0.3819.\n<br><br>\nThe 23.6% ratio is found by dividing one number in the series by the number that is three places to the right. For example, 8 divided by 34 equals 0.2352.\n<br><br>\nIn technical analysis, a Fibonacci retracement is created by taking two extreme points (usually a major peak and trough) on a stock chart and dividing the vertical distance by the key Fibonacci ratios of 23.6%, 38.2%, 50%, 61.8% and 100%. Once these levels are identified, horizontal lines are drawn and used to identify possible support and resistance levels<\/p><br><br>\n <\/div>\n <\/div>\n\n <script>\n const form = document.getElementById('fib-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 diff = high - low;\n\n document.getElementById('up-ext-161').textContent = (high + diff * 1.618).toFixed(2);\n document.getElementById('up-ext-138').textContent = (high + diff * 1.382).toFixed(2);\n document.getElementById('up-ext-100').textContent = (high + diff * 1).toFixed(2);\n document.getElementById('up-ext-61').textContent = (high + diff * 0.618).toFixed(2);\n\n document.getElementById('up-ret-38').textContent = (high - diff * 0.382).toFixed(2);\n document.getElementById('up-ret-50').textContent = (high - diff * 0.5).toFixed(2);\n document.getElementById('up-ret-61').textContent = (high - diff * 0.618).toFixed(2);\n\n document.getElementById('down-ret-38').textContent = (low + diff * 0.382).toFixed(2);\n document.getElementById('down-ret-50').textContent = (low + diff * 0.5).toFixed(2);\n document.getElementById('down-ret-61').textContent = (low + diff * 0.618).toFixed(2);\n\n document.getElementById('down-ext-61').textContent = (low - diff * 0.618).toFixed(2);\n document.getElementById('down-ext-100').textContent = (low - diff * 1).toFixed(2);\n document.getElementById('down-ext-138').textContent = (low - diff * 1.382).toFixed(2);\n document.getElementById('down-ext-161').textContent = (low - diff * 1.618).toFixed(2);\n\n resultTable.style.display = 'block';\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>Fibonacci Calculator Fibonacci Calculator Swing High * Swing Low * Submit Click here to know more about Fibonacci<\/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-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/86","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=86"}],"version-history":[{"count":0,"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"wp:attachment":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n \n \n Fibonacci Calculator<\/title>\n <style>\n body {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 0;\n padding: 0;\n background-color: #f4f7fa;\n color: #333;\n }\n .container {\n max-width: 800px;\n margin: 40px auto;\n background: #ffffff;\n padding: 20px;\n border-radius: 15px;\n box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);\n }\n\n h3 {\n text-align: center;\n font-size: 24px;\n margin-bottom: 20px;\n color: black;\n }\n\n label {\n display: block;\n margin-bottom: 5px;\n font-size: 14px;\n color: #555;\n }\n\n input[type=\"number\"] {\n width: calc(100% - 20px);\n padding: 10px;\n margin-bottom: 15px;\n border: 1px solid #ddd;\n border-radius: 8px;\n font-size: 16px;\n box-sizing: border-box;\n transition: border 0.3s ease;\n }\n\n input[type=\"number\"]:focus {\n border-color: #007bff;\n outline: none;\n }\n\n .btn-submit {\n width: 100%;\n padding: 12px;\n background-color: #007bff;\n color: white;\n border: none;\n border-radius: 8px;\n font-size: 18px;\n font-weight: bold;\n cursor: pointer;\n transition: background-color 0.3s ease;\n }\n\n .btn-submit:hover {\n background-color: #0056b3;\n }\n\n .learn-more {\n margin-top: 15px;\n text-align: center;\n color: #007bff;\n text-decoration: underline;\n cursor: pointer;\n }\n\n .result-table {\n display: none;\n margin-top: 25px;\n padding: 15px;\n border-radius: 10px;\n background-color: #e9f4ff;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\n }\n\n .row {\n display: flex;\n justify-content: space-between;\n gap: 15px;\n flex-wrap: wrap;\n }\n\n .column {\n flex: 1;\n min-width: 45%;\n background: #fdfdfd;\n border-radius: 10px;\n padding: 15px;\n box-shadow: 0 1px 5px rgba(0, 0, 0, 0.05);\n margin-bottom: 15px;\n }\n\n .uptrend, .downtrend {\n padding: 8px;\n border-radius: 8px;\n margin-bottom: 15px;\n font-size: 16px;\n font-weight: bold;\n }\n\n .uptrend {\n background-color: #28a745;\n color: #fff;\n }\n\n .downtrend {\n background-color: #dc3545;\n color: #fff;\n }\n\n .table-section {\n margin-bottom: 15px;\n }\n\n .table-section .heading {\n background-color: #6c757d;\n color: #fff;\n padding: 6px;\n border-radius: 5px;\n text-align: center;\n margin-bottom: 8px;\n font-size: 14px;\n }\n\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 10px;\n }\n\n th, td {\n padding: 8px;\n text-align: center;\n border: 1px solid #ddd;\n }\n\n th {\n background-color: #f1f3f5;\n color: #333;\n font-weight: bold;\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.6);\n }\n\n #modal .modal-content {\n margin: 10% auto;\n padding: 20px;\n background: #fff;\n border-radius: 10px;\n width: 90%;\n max-width: 500px;\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);\n }\n\n #modal .close-btn {\n position: absolute;\n top: 10px;\n right: 10px;\n font-size: 25px;\n cursor: pointer;\n color: #e3342f;\n }\n\n @media (max-width: 768px) {\n .column {\n flex: 1;\n min-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"container\">\n <h3>Fibonacci Calculator<\/h3>\n <form id=\"fib-form\">\n <label for=\"high\">Swing High *<\/label>\n <input type=\"number\" id=\"high\" placeholder=\"Enter swing high value\" required>\n <label for=\"low\">Swing Low *<\/label>\n <input type=\"number\" id=\"low\" placeholder=\"Enter swing low value\" required>\n <button type=\"submit\" class=\"btn-submit\">Submit<\/button>\n <\/form>\n <div class=\"learn-more\" onclick=\"openModal()\">Click here to know more about Fibonacci Calculator.<\/div>\n <div class=\"result-table\" id=\"result-table\">\n <div class=\"row\">\n <div class=\"column\">\n <div class=\"uptrend\">Uptrend<\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Extension<\/div>\n <table>\n <tr><th>161.8%<\/th><td id=\"up-ext-161\">---<\/td><\/tr>\n <tr><th>138.2%<\/th><td id=\"up-ext-138\">---<\/td><\/tr>\n <tr><th>100%<\/th><td id=\"up-ext-100\">---<\/td><\/tr>\n <tr><th>61.8%<\/th><td id=\"up-ext-61\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Retracement<\/div>\n <table>\n <tr><th>38.2%<\/th><td id=\"up-ret-38\">---<\/td><\/tr>\n <tr><th>50%<\/th><td id=\"up-ret-50\">---<\/td><\/tr>\n <tr><th>61.8%<\/th><td id=\"up-ret-61\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <div class=\"column\">\n <div class=\"downtrend\">Downtrend<\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Retracement<\/div>\n <table>\n <tr><th>61.8%<\/th><td id=\"down-ret-61\">---<\/td><\/tr>\n <tr><th>50%<\/th><td id=\"down-ret-50\">---<\/td><\/tr>\n <tr><th>38.2%<\/th><td id=\"down-ret-38\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <div class=\"table-section\">\n <div class=\"heading\">Extension<\/div>\n <table>\n <tr><th>61.8%<\/th><td id=\"down-ext-61\">---<\/td><\/tr>\n <tr><th>100%<\/th><td id=\"down-ext-100\">---<\/td><\/tr>\n <tr><th>138.2%<\/th><td id=\"down-ext-138\">---<\/td><\/tr>\n <tr><th>161.8%<\/th><td id=\"down-ext-161\">---<\/td><\/tr>\n <\/table>\n <\/div>\n <\/div>\n <\/div>\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 Fibonacci Calculator?<\/h3>\n <p>The Fibonacci sequence of numbers is as follows: 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, etc. Each term in this sequence is simply the sum of the two preceding terms, and the sequence continues infinitely. One of the remarkable characteristics of this numerical sequence is that each number is approximately 1.618 times greater than the preceding number. This common relationship between every number in the series is the foundation of the common ratios used in retracement studies.\n<br><br>\nThe key Fibonacci ratio of 61.8%, also referred to as \"the golden ratio\" or \"the golden mean,\" is found by dividing one number in the series by the number that follows it. For example, 21 divided by 34 equals 0.6176 and 55 divided by 89 equals 0.6179.\n<br><br>\nThe 38.2% ratio is found by dividing one number in the series by the number that is found two places to the right. For example, 55 divided by 144 equals 0.3819.\n<br><br>\nThe 23.6% ratio is found by dividing one number in the series by the number that is three places to the right. For example, 8 divided by 34 equals 0.2352.\n<br><br>\nIn technical analysis, a Fibonacci retracement is created by taking two extreme points (usually a major peak and trough) on a stock chart and dividing the vertical distance by the key Fibonacci ratios of 23.6%, 38.2%, 50%, 61.8% and 100%. Once these levels are identified, horizontal lines are drawn and used to identify possible support and resistance levels<\/p><br><br>\n <\/div>\n <\/div>\n\n <script>\n const form = document.getElementById('fib-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 diff = high - low;\n\n document.getElementById('up-ext-161').textContent = (high + diff * 1.618).toFixed(2);\n document.getElementById('up-ext-138').textContent = (high + diff * 1.382).toFixed(2);\n document.getElementById('up-ext-100').textContent = (high + diff * 1).toFixed(2);\n document.getElementById('up-ext-61').textContent = (high + diff * 0.618).toFixed(2);\n\n document.getElementById('up-ret-38').textContent = (high - diff * 0.382).toFixed(2);\n document.getElementById('up-ret-50').textContent = (high - diff * 0.5).toFixed(2);\n document.getElementById('up-ret-61').textContent = (high - diff * 0.618).toFixed(2);\n\n document.getElementById('down-ret-38').textContent = (low + diff * 0.382).toFixed(2);\n document.getElementById('down-ret-50').textContent = (low + diff * 0.5).toFixed(2);\n document.getElementById('down-ret-61').textContent = (low + diff * 0.618).toFixed(2);\n\n document.getElementById('down-ext-61').textContent = (low - diff * 0.618).toFixed(2);\n document.getElementById('down-ext-100').textContent = (low - diff * 1).toFixed(2);\n document.getElementById('down-ext-138').textContent = (low - diff * 1.382).toFixed(2);\n document.getElementById('down-ext-161').textContent = (low - diff * 1.618).toFixed(2);\n\n resultTable.style.display = 'block';\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>Fibonacci Calculator Fibonacci Calculator Swing High * Swing Low * Submit Click here to know more about Fibonacci<\/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-86","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/86","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=86"}],"version-history":[{"count":0,"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/pages\/86\/revisions"}],"wp:attachment":[{"href":"https:\/\/finanthropist.in\/academy\/wp-json\/wp\/v2\/media?parent=86"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}