Untitled
1 year ago in HTML
Raw Download 
<!DOCTYPE html>
<html>
<head>
  <title>דוח כספים</title>
  <meta charset="utf-8">
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet">
  <style>
    /* CSS for styling */
    body {
      margin: 0;
      padding: 0;
      font-family: 'Open Sans', sans-serif;
      font-size: 19px;
      background-color: transparent;
      direction: rtl; /* Right-to-left text direction */
    }
    table {
      border-collapse: collapse;
      width: 100%;
    }
    th,
    td {
      border: 1px solid #666;
      padding: 8px;
      text-align: center;
    }
    th {
      background-color: #f2f2f2;
    }
    tr,
    th,
    td {
      color: #ffffff;
    }
    h2 {
      color: #000;
      text-align: center;
    }
  </style>
</head>
<body>
  <table id="revenueTable">
    <thead>
      <h3>הכנסות</h3>
    </thead>
    <tbody id="revenueBody">
      <!-- Content will be inserted here -->
    </tbody>
  </table>
<br>
  <table id="expenseTable">
    <thead>
      <h3>הוצאות</h3>
    </thead>
    <tbody id="expenseBody">
      <!-- Content will be inserted here -->
    </tbody>
  </table>
  <script>
    // Hard-coded JSON string
const jsonString = `{
  "revenues": [
    {"description": "גביית דמי וועד", "amount": "36,180 ש״ח"},
    {"description": "מועדון דיירים", "amount": "150 ש״ח"},
    {"description": "תחנות טעינה חשמליות", "amount": "1,220 ש״ח"}
  ],
  "expenses": [
    {"description": "חברת ניהול", "amount": "26,000 ש״ח"},
    {"description": "עמלת בנק וחברת אשראי", "amount": "330 ש״ח"},
    {"description": "חשבון חשמל עבור חודש יולי", "amount": "9,281 ש״ח"},
    {"description": "הגברת אינטרנט בחניון", "amount": "2,574 ש״ח"},
    {"description": "הדברת מכרסמים", "amount": "1,170 ש״ח"},
    {"description": "פרטנר", "amount": "124 ש״ח"}
  ]
}`;
    // Parse JSON string to object
    const data = JSON.parse(jsonString);
    // Function to populate table
    function populateTable(tableBodyId, items, keys) {
      const tableBody = document.getElementById(tableBodyId);
      items.forEach(item => {
        const row = document.createElement('tr');
        keys.forEach(key => {
          const cell = document.createElement('td');
          cell.textContent = item[key];
          row.appendChild(cell);
        });
        tableBody.appendChild(row);
      });
    }
    // Populate revenue table
    populateTable('revenueBody', data.revenues, ['description', 'amount']);
    // Populate expense table
    populateTable('expenseBody', data.expenses, ['description', 'amount']);
  </script>
</body>
</html>


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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
Recent Public Pastes
6 videos of old men fucking young girls BEST COLLECTION - 10 hours ago Amazing Collections - 2 days ago [v1.2.1.0] Farming Simulator 25 Trainer (2025) (Plus +8) - 4 days ago TradingView - 6 days ago Untitled - 1 week ago They Like Nature - 1 week ago Untitled - 1 week ago Untitled - 1 week ago VIDEOS NO SHORTLINK AT ALL FREEEEEEEEEEEEE - 1 week ago Sanyuuu - 2 weeks ago