تست 1 فرم

Question

تست 1 فرم

مهدی مفروندی

در 1402/02/22

سلام و درود امیدوارم حالتون عالی باشه. شما گفتید سوال معنادار بپرسم. واقعیتس سوالی ندارم و فقط برای تستی که گفتید دارم متن مینویسم.

بجای سوال میتونم بگم دمتون گرم که اینقدر دارید زحمت میکشید.❤️❤️❤️ لطفا این کد رو بصورت یک فایل html ذخیره وتست کنید.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body{
            text-align: center;
        }
        #img{
            max-width: 400px;
            display: none;
        }
        #btn{
            background-color: rgb(228, 228, 228);
            border: none;
            border-radius: 6px;
            padding: 12px;
            font-size: 1.3rem;
            transition: all 0.2s;
        }
        #btn:hover{
            box-shadow: 0 0 8px #ff8080;
            cursor: pointer;
            transition: all 0.2s;
        }
    </style>
</head>
<body>
    <h1 id="title">The best teacher in the world is: <br><span id="see-rest"></span></h1>
    <button id="btn" >Click to see the rest</button><br>
    <img src="/banner.png" alt="amir tahet banner" id="img">
    <script>
        let $ = document;
        let seeRest = $.getElementById("see-rest");
        let button = $.getElementById("btn");
        let img = $.getElementById("img");

        button.addEventListener("click", function(){
            seeRest.innerHTML = "Amir TaherKhani"
            img.style.display = "inline"
        })
    </script>
</body>
</html>