index.html

<!DOCTYPE html>
<html>
<head>
    <title>Budgeting App</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>

  <div class = "budget-container">
      <h1>Budgeting App</h1>

      <div class="tile">
            <!-- Input fields for income and expenses-->
                <label for ="income">Income</label>
                <input id="income" type="number" min = "0" placeholder="Enter your total income">
                
                <label for = "expenses">Expenses</label>
                <input id="expenses" type="number" min = "0" placeholder="Enter your total expenses">
            <!-- Button to calculate the difference -->
        <button id="calculate">Calculate</button>
      </div>
      <p id="output"></p>
  </div>

    <script src="app.js"></script>
</body>
</html>