expense/index.html at master · abedattal98/expense · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
    <h1>Expense tracker</h1>
    <p>Customize pages and apps!</p>
    <strong>$ </strong><strong id="money">0.00</strong>

<p></p>
<table>
<tr>
    <td align="center" class="income" >
        <strong  class="expense-title">Income  </strong>
        <span class="HO" ><p id="plus">0.00$</p></span>
     </td>
    <td class="expense">
        <strong  class="expense-title">Expense  </strong>
        <span class="LO" ><p id="minus">0.00$</p></span>
    </td>
</tr>
</table>

<h2>History</h2>
<p id="History"></p>
<h2>Add new transaction</h2>

<h3>Text</h3>
<input type="text" placeholder="Enter text" id="text">
<p>Amount</p>
<p>(negative - expense, postive-income)</p>
<input type="text" placeholder="Enter amount" id="amount" pattern="1">
<p></p>
<input type="submit" required value="Add transaction"  onclick="add()">
</body>
<script src="index.js"></script>
</html>