Hugging Face's logo

Spaces:
GarGerry
/
Ujicobaconvert
Running

App Files Community
GarGerry commited on
Commit
c1fa8ff
·
verified ·
1 Parent(s): 769b231

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +42 -35
index.html CHANGED
@@ -7,47 +7,54 @@
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
10
- <!-- Header -->
11
- <header>
12
- <h1>Currency Converter</h1>
13
- <p>Check Live Foreign Currency Exchange Rate</p>
14
- </header>
15
-
16
- <!-- Kontainer utama -->
17
  <div class="container">
18
- <div class="currency-labels">
19
- <label for="amount">Amount</label>
20
- <input type="number" id="amount" placeholder="Enter amount" />
21
- </div>
22
-
23
- <div class="currency-labels">
24
- <label for="from">From</label>
25
- <select id="from">
26
- <option value="USD">USD - United States Dollar</option>
27
- <option value="EUR">EUR - Euro</option>
28
- <!-- Add more options as needed -->
29
- </select>
30
- </div>
31
 
32
- <button id="swap-btn">⇅</button>
 
 
 
 
 
33
 
34
- <div class="currency-labels">
35
- <label for="to">To</label>
36
- <select id="to">
37
- <option value="INR">INR - Indian Rupee</option>
38
- <option value="GBP">GBP - British Pound</option>
39
- <!-- Add more options as needed -->
40
- </select>
41
- </div>
42
 
43
- <button id="convert-btn">Convert</button>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
44
 
45
- <div id="result"></div>
 
 
 
 
46
  </div>
47
 
48
- <!-- Footer -->
49
- <footer>
50
- <p>&copy; 2025 Your Company | <a href="#">About Us</a> | <a href="#">Social Media</a></p>
51
- </footer>
52
  </body>
53
  </html>
 
7
  <link rel="stylesheet" href="style.css">
8
  </head>
9
  <body>
 
 
 
 
 
 
 
10
  <div class="container">
11
+ <header>
12
+ <div class="logo">
13
+ <img src="logo.png" alt="Logo">
14
+ </div>
15
+ <h1>Currency Converter</h1>
16
+ <p>Check Live Foreign Currency Exchange Rate</p>
17
+ </header>
 
 
 
 
 
 
18
 
19
+ <div class="content">
20
+ <div class="converter">
21
+ <div class="currency-labels">
22
+ <label for="amount">Amount</label>
23
+ <input type="number" id="amount" placeholder="Enter amount">
24
+ </div>
25
 
26
+ <div class="currency-labels">
27
+ <label for="from-currency">From</label>
28
+ <select id="from-currency">
29
+ <option value="USD">USD</option>
30
+ <option value="EUR">EUR</option>
31
+ <option value="GBP">GBP</option>
32
+ </select>
33
+ </div>
34
 
35
+ <button id="swap-btn" onclick="swapCurrencies()">↕</button>
36
+
37
+ <div class="currency-labels">
38
+ <label for="to-currency">To</label>
39
+ <select id="to-currency">
40
+ <option value="EUR">EUR</option>
41
+ <option value="USD">USD</option>
42
+ <option value="GBP">GBP</option>
43
+ </select>
44
+ </div>
45
+
46
+ <button id="convert-btn" onclick="convertCurrency()">Convert</button>
47
+ <p id="result"></p>
48
+ </div>
49
+ </div>
50
 
51
+ <footer>
52
+ <p><strong>About:</strong> Currency Converter App</p>
53
+ <p><strong>Follow us:</strong> <a href="#">Facebook</a> | <a href="#">Twitter</a></p>
54
+ <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
55
+ </footer>
56
  </div>
57
 
58
+ <script src="script.js"></script>
 
 
 
59
  </body>
60
  </html>