Skip to content

Dan Grace / MPCS_52553_Winter_2020

Go to a project
Commit 3f3dd04d by Dan Grace
Options

Upload New File

parent 42dff17e
Inline Side-by-side
Showing with 81 additions and 0 deletions
fp dg/fp.html 0 → 100644
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css">
<title>Stock Tracker</title>
<link rel="stylesheet" href="fp.css">
<style>
</style>
</head>
<body>
<div class="container0">
<div class="container p-2">
<div class="text-left">
<h2>Welcome to Stock Tracker</h2>
</div>
</div>
</div>
<div class="container p-2">
<div class="text-left">
<p id="portval">Your portfolio value is $0.00 </p>
</div>
</div>
<div class="container1">
<div class="container p-2">
<div class="text-left">
<input value="please enter ticker" id="form1" style="width:225px;height:30px" autofocus class="p-2">
<input value="please enter amount" id="form2" style="width:225px;height:30px" autofocus class="p-2">
</div>
</div>
<div class="container p-2">
<div class="btn-group">
<div class="text-left">
<button id="btn1" class="btn btn-primary" style="width:150px">Buy Shares</button>
<button id="btn2" class="btn btn-primary" style="width:150px">Sell Shares</button>
<button id="btn3" class="btn btn-primary" style="width:150px">Clear Table</button>
</div>
</div>
</div>
<div class="container p-2">
<div class="btn-group">
<div class="text-left">
<button id="btn4" class="btn btn-info" style="width:150px">Save Data<span class="tooltiptext4">Click me to save your data to local storage!</span></button>
<button id="btn5" class="btn btn-info" style="width:150px">Retrieve Data<span class="tooltiptext5">Click me to retrieve your data from local storage!</span></button>
<button id="btn6" class="btn btn-info" style="width:150px">Delete Data<span class="tooltiptext6">Click me to delete your data to local storage!</span></button>
</div>
</div>
</div>
</div>
<div class="container2">
<div class="container p-2">
<table id="t1" table class="table table-striped" style="background-color: #b3ccff">
<thead>
<tr>
<th id="col_header_0" onclick="sortLetters(0)"><u>Symbol<u></th>
<th id="col_header_1" onclick="sortNumbers(1)"><u>Number of Shares<u></th>
<th id="col_header_2" onclick="sortNumbers(2)"><u>Current Market Price per Share<u></th>
<th id="col_header_3" onclick="sortNumbers(3)"><u>Value<u></th>
</tr>
</thead>
<tbody>
</tbody>
</table>
</div>
</div>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"></script>
</body>
<script src="fp.js"></script>
</html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment