Hugging Face's logo

Spaces:
GarGerry
/
Ujicobaconvert
Running

App Files Community
GarGerry commited on
Commit
04a8c02
·
verified ·
1 Parent(s): 502b5d6

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +40 -31
index.html CHANGED
@@ -1,34 +1,43 @@
1
- <!-- Header -->
2
- <header>
3
- <div class="logo">Logo</div>
4
- <h1>Currency Converter</h1>
5
- <p>Check Live Foreign Currency Exchange Rate</p>
6
- </header>
 
 
 
 
 
 
 
 
7
 
8
- <!-- Main Content -->
9
- <main>
10
- <div class="converter-container">
11
- <input type="number" id="amount" placeholder="Amount">
12
- <div class="currency-selector">
13
- <select id="from-currency">
14
- <option value="USD">USD</option>
15
- <option value="EUR">EUR</option>
16
- <!-- More currencies -->
17
- </select>
18
- <button id="swap-btn">Swap</button>
19
- <select id="to-currency">
20
- <option value="EUR">EUR</option>
21
- <option value="USD">USD</option>
22
- <!-- More currencies -->
23
- </select>
 
 
 
 
 
 
 
24
  </div>
25
- <button id="convert-btn">Convert</button>
26
- <div id="result"></div>
27
- </div>
28
- </main>
29
 
30
- <!-- Footer -->
31
- <footer>
32
- <a href="#about">About</a>
33
- <p>&copy; 2025 Currency Converter App</p>
34
- </footer>
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Currency Converter</title>
7
+ <link rel="stylesheet" href="style.css">
8
+ </head>
9
+ <body>
10
+ <div class="container">
11
+ <header>
12
+ <h1>Currency Converter</h1>
13
+ <p>Check Live Foreign Currency Exchange Rate</p>
14
+ </header>
15
 
16
+ <div class="converter">
17
+ <input type="number" id="amount" placeholder="Amount" />
18
+ <div class="currency-select">
19
+ <select id="from-currency">
20
+ <option value="USD">USD</option>
21
+ <option value="EUR">EUR</option>
22
+ <option value="GBP">GBP</option>
23
+ </select>
24
+ <button id="swap-btn" onclick="swapCurrencies()">↔️</button>
25
+ <select id="to-currency">
26
+ <option value="EUR">EUR</option>
27
+ <option value="USD">USD</option>
28
+ <option value="GBP">GBP</option>
29
+ </select>
30
+ </div>
31
+
32
+ <button id="convert-btn" onclick="convertCurrency()">Convert</button>
33
+ <p id="result"></p>
34
+ </div>
35
+
36
+ <footer>
37
+ <p>&copy; 2025 Currency Converter App. All rights reserved.</p>
38
+ </footer>
39
  </div>
 
 
 
 
40
 
41
+ <script src="script.js"></script>
42
+ </body>
43
+ </html>