index.html

<html>
    <head>
        <link rel="stylesheet" type="text/css" href="assets/style/style.css">
        <title>3D Animetion</title>
    </head>
    <body>
        <div class="contain" >
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span id="txt" class="s1">?
            </span>

        </div>
        <script>
        const setTxt = document.getElementById("txt");
      window.addEventListener('load', (event) => {
     const txt = prompt('enter you text:-');
   setTxt.innerText = txt.length== 0?"😅":txt;
});
        </script>
    </body>
    </html>