A Pen by NUR NATASYA HANNI BINTI TALIB on CodePen.
A Pen by NUR NATASYA HANNI BINTI TALIB on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="app"> | |
| <h1>Liquidity Shock Simulator</h1> | |
| <p class="subtitle">Markets are calm… until they aren't.</p> | |
| <div id="price">Price: 100.00</div> | |
| <div id="spread">Spread: 0.20</div> | |
| <div class="controls"> | |
| <button id="next">Next Step</button> | |
| <button id="shock">Trigger Liquidity Shock</button> |
A Pen by NUR NATASYA HANNI BINTI TALIB on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="app"> | |
| <h1>Fake Stock Simulator</h1> | |
| <div id="price">Price: $100.00</div> | |
| <div class="buttons"> | |
| <button id="next">Next Day</button> | |
| <button id="buy">Buy</button> | |
| <button id="sell">Sell</button> | |
| <button id="reset">Reset</button> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="calculator"> | |
| <div id="display">0</div> | |
| <div class="buttons"> | |
| <button class="clear">C</button> | |
| <button class="operator">÷</button> | |
| <button class="operator">×</button> | |
| <button class="operator">−</button> | |
| <button>7</button> |