Vanilla-JS-Projects/Basic/Star-Rating-Component/index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Star Rating Extension</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="container">
        <div class="icon">
            <img src="./images/icon-star.svg" alt="">
        </div>
        <h2 class="head">How did we do ?</h2>
        <p class="para">Please let us know how we did with your support <br> request.All feedback is appreciated to help us <br> improve our offering!</p>
        <button class="but one" onclick="stars()">1</button>
        <button class="but two" onclick="stars2()">2</button>
        <button class="but three" onclick="stars3()">3</button>
        <button class="but four" onclick="stars4()">4</button>
        <button class="but five" onclick="stars5()">5</button>
        <button class="submit" onclick="hide()">SUBMIT</button>
    </div>
    <div class="container2">
        <img src="./images/illustration-thank-you.svg" alt="" class="thank">
        <h2 class="head2">Thank you!</h2>
        <div class="msg"><p class="display"></p></div>
        <p class="message">We appreciate you taking the time to give a rating. <br> If you ever need more support, don't hesitate to <br> get in touch!</p>
    </div>
    <script src="script.js"></script>
</body>
</html>