<html>
     <body>
        <span>Total clicks: 0</span>
        <button id="btn">Click me</button>
     </body>
     <script>
        let counter = 0;
        const button = document.getElementById("btn");
        const span = document.querySelector("span");
        function handleClick(){
            counter = counter + 1;
            span.innerText = 'Total clicks: ${counter}';
        }
        button.addEventListener("click", handleClick);
     </script>


</html>

강의에서 친대로 따라했는데

counter값이 올라가야 되는데

Total clicks : ${counter}

이렇게 뜨는데 왜 그럼??