Spaces:
Running
Running
| <html> | |
| <head> | |
| <title>FormulaJS Playground</title> | |
| <meta charset="UTF-8" /> | |
| <!-- Import FormulaJS from CDN --> | |
| <script src="https://cdn.jsdelivr.net/npm/@formulajs/formulajs@4.3.0/lib/browser/formula.min.js"></script> | |
| <!-- Fixed CSS path --> | |
| <link rel="stylesheet" href="styles.css" /> | |
| </head> | |
| <body> | |
| <div id="app"> | |
| <h1>FormulaJS Playground</h1> | |
| <div class="playground"> | |
| <div class="input-section"> | |
| <h2>Excel Formula</h2> | |
| <select id="formula-select"> | |
| <option value="SUM">SUM</option> | |
| <option value="AVERAGE">AVERAGE</option> | |
| <option value="MAX">MAX</option> | |
| <option value="MIN">MIN</option> | |
| <option value="PMT">PMT</option> | |
| <option value="FV">FV</option> | |
| <option value="NPV">NPV</option> | |
| <option value="IRR">IRR</option> | |
| <option value="VLOOKUP">VLOOKUP</option> | |
| <option value="REGEXEXTRACT">REGEXEXTRACT</option> | |
| <option value="REGEXMATCH">REGEXMATCH</option> | |
| <option value="REGEXREPLACE">REGEXREPLACE</option> | |
| </select> | |
| <div id="params-container"> | |
| <!-- Parameters will be added dynamically --> | |
| </div> | |
| <button id="calculate-btn">Calculate</button> | |
| </div> | |
| <div class="result-section"> | |
| <h2>Result</h2> | |
| <div id="result"></div> | |
| <div id="formula-code"></div> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Fixed JavaScript path and using type="module" for .mjs --> | |
| <script type="module" src="index.mjs"></script> | |
| </body> | |
| </html> |