Fizetés és Nyugdíj érték romlás kalkulátor programozás

Posted by JozsiPostas@reddit | hungary | View on Reddit | 11 comments

Sziasztok! Egyesítsük erőinket és hozzunk létre egy kalkulátort ami kiszámolja hogy mennyit értéktelenedett a pénzünk 2010-óta. Van egy kezdetleges verzió amit nem én csináltam hanem az AI, de a lényeg hogy ezt olyan verzióban lenne jó elkészíteni ami megosztható a közösségi oldalakon, ehhez szeretnék segítséget kérni, mert a weblap létrehozásához és ennek a technikai megvalósításához egyáltalán nem értek. Kérlek titeket, ha tudtok segítsetek ebben. Azért tartom ezt fontosnak hogy az elkövetkező 1,5 évben ami még vissza van a választásokig lehessen ezzel is felnyitni az emberek szemét. Lehet hogy nem jó az ahogy elkészítettem, nem vagyok sem közgazdász sem programozó, ezért kérem a szíves hozzáértők segítségét, én nem ragaszkodok ennek a szellemi tulajdonához semmilyen szinten, szóval bárki aki ért ennek egy profibb verziójának elkészítéséhez az csinálja meg nyugodtan csak ossza meg hogy látható legyen a kész verzió. Chat Gpt-vel leprogramoztattam egy kezdetleges programot ami így néz ki: <!DOCTYPE html> <html lang="hu"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Fizetés és Nyugdíj Kalkulátor</title> <style> body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: linear-gradient(to bottom, red 33%, white 33%, white 66%, green 66%); height: 100vh; display: flex; justify-content: center; align-items: center; } .calculator { background-color: white; border: 2px solid #ccc; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); width: 400px; padding: 20px; text-align: center; } .calculator h2 { margin-bottom: 20px; color: #333; } .calculator input { width: calc(100% - 20px); padding: 10px; margin-bottom: 20px; font-size: 16px; border: 1px solid #ccc; border-radius: 5px; } .calculator button { padding: 10px 20px; font-size: 16px; color: white; background-color: #4CAF50; border: none; border-radius: 5px; cursor: pointer; } .calculator button:hover { background-color: #45a049; } .output { margin-top: 20px; font-size: 16px; color: #333; } .output .loss { color: red; font-weight: bold; } </style> </head> <body> <div class="calculator"> <h2>Fizetés és Nyugdíj Kalkulátor</h2> <input type="number" id="amount" placeholder="Írd be az összeget (HUF-ban)"> <button onclick="calculate()">Kiszámol</button> <div class="output" id="output"></div> </div> <script> const eurRate2010 = 317; // 2010-es árfolyam const eurRate2024 = 409.3; // 2024-es árfolyam const months = 168; // 14 év, 12 hónappal function calculate() { const amount = parseFloat(document.getElementById('amount').value); if (isNaN(amount) || amount <= 0) { document.getElementById('output').innerHTML = "<p>Kérlek, adj meg egy érvényes összeget!</p>"; return; } // 2010-es és 2024-es euró értékek const eur2010 = (amount / eurRate2010).toFixed(2); const eur2024 = (amount / eurRate2024).toFixed(2); // Különbözet euróban és annak 14 évre számított értéke const differenceEur = (eur2010 - eur2024).toFixed(2); const totalLossEur = (differenceEur \* months).toFixed(2); // Visszaváltás forintra 2010-es árfolyamon const totalLossHuf = (totalLossEur \* eurRate2010).toFixed(2); // Eredmények megjelenítése document.getElementById('output').innerHTML = \` <p>2010-es árfolyamon: <strong>${eur2010} EUR</strong></p> <p>2024-es árfolyamon: <strong>${eur2024} EUR</strong></p> <p>Különbözet 14 év alatt euróban: <strong>${totalLossEur} EUR</strong></p> <p>Különbözet forintban (2010-es árfolyamon): <strong>${totalLossHuf} HUF</strong></p> <p class="loss">Ennyit romlott a pénzed 14 év alatt!</p> \`; } </script> </body> </html> Ezt bemásolva egy üres Szöveges dokumentumba, majd mentve másként úgy hogy a név végére (.html)-t kell írni és megnyitni bárki számára könnyen megtekinthető a böngészőben.