index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <script src = "script.js"></script>
    <title>Currency Converter </title>
</head>
<body>
    <main>
        <section>
    <div class = "convertor-Container">
        
            <h1>Currency Converter</h1>
            <br>
            <div class="input-container">
                <input type = "number" value="1" min= "1" class= "amount">
                <select class="fromCurrency">
                    <option value="INR">INR</option>
                    <option value="USD">USD</option>
                 </select> 
            </div>
            <br>
            <div class="input-container">
                <input type = "number" class= "convertedAmount">
                <select class="toCurrency">
                    <option value="INR">INR</option>
                    <option value="USD">USD</option>
                 </select> 
            </div>
            <div class="result">1 USD = 83 INR</div>
            </div>
        </section>
        </main>
</body>
</html>