96 lines
3.6 KiB
HTML
96 lines
3.6 KiB
HTML
<html>
|
|
<head>
|
|
<title>Black Scholes Options Model</title>
|
|
<link href="https://fonts.googleapis.com/css?family=Poppins" rel="stylesheet">
|
|
<link rel="stylesheet" type="text/css" href="assets/styles.css"/>
|
|
<script type="text/javascript" src="assets/jquery.3.2.1.js"></script>
|
|
<script type="text/javascript" src="assets/d3.v4.min.js"></script>
|
|
<script type="text/javascript" src="assets/main.js"></script>
|
|
</head>
|
|
<body>
|
|
<div class="wrapper">
|
|
<div id="left-side">
|
|
<form id="option-terms">
|
|
<h3>Option terms:</h3>
|
|
<p>Option type:
|
|
<select name="OptType">
|
|
<option value="1" label="call">Call</option>
|
|
<option value="-1" label="put">Put</option>
|
|
</select>
|
|
</p>
|
|
<p>Strike:
|
|
<input type="number" step="0.0001" name="Strike">
|
|
</p>
|
|
<p>Expiry Date:
|
|
<input type="date" name="ExpiryDate">
|
|
</p>
|
|
<h3>Market data:</h3>
|
|
<p>Value Date:
|
|
<input type="date" name="ValueDate">
|
|
</p>
|
|
<p>Spot:
|
|
<input type="number" step="0.0001"name="Spot">
|
|
</p>
|
|
<p>Risk-free Rate:
|
|
<input type="number" step="0.0001" name="Rfr">
|
|
</p>
|
|
<p>Implied Volatility:
|
|
<input type="number" step="0.0001" name="impliedVol">
|
|
</p>
|
|
<p>Simulations:
|
|
<input type="number" step="1" name="Sims">
|
|
</p>
|
|
<button type="submit">Submit</button>
|
|
</form>
|
|
</div>
|
|
<div id="right-side">
|
|
<div id="right-upper">
|
|
</div>
|
|
<div id="right-lower">
|
|
<table id="results-table">
|
|
<thead>
|
|
<tr>
|
|
<th></th>
|
|
<th>Closed Form</th>
|
|
<th>Monte Carlo</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<th>FV</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Delta</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Vega</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Gamma</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Theta</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
<tr>
|
|
<th>Rho</th>
|
|
<td></td>
|
|
<td></td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|