index.html

<!DOCTYPE html>
<html>

<head>
    <title>QR Code Generator</title>

    <!-- Favicon  -->
    <link href="./assets/favicon.ico" rel="icon" type="image/x-icon">

    <!--JQUERY-->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!--STYLESHEET-->
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>

    <div class="container">
        <div class="main">
            <h1>QR Code Generator</h1>
            <div id="errorContainer" class="error-message" style="display: none;"></div>
            <input type="text" id="Qrtext" placeholder="Text to generate QR" autofocus>
            <br>
            <input type="number" id="dimension" value="250" placeholder="Enter QR Dimensions">
            <br>
            <button class="btn">Generate QR code</button>
            <br>
            <a href="#" id="download"><img src="#" id="qrImg" alt="QR code will appear here"></a>
        </div>

    </div>
    <script src="app.js"></script>
</body>

</html>