\$\begingroup\$

<!DOCTYPE html>
    <html>
     <body>
    
<p>
    The button was clicked
    <span class="total-clicks"></span>
    times
</p>

<button id="btn1" onclick="addClick()">
    Click Me!
</button>

<script type="text/javascript">
    let clicks = 0;
    let click_power = 1;
    let reward_recevied = false;

    function addClick() {
    clicks = clicks + click_power;
    if(clicks >= 10 && reward_received == false) {
        click_power = click_power + 1;
        reward_received = true;
    }
}
    function addClick() {
        clicks = clicks + 1;
        document.querySelector('.total-clicks').textContent
            = clicks;
    }



    

    // Simulate click function
    function clickButton() {
        document.querySelector('#btn1').click();
    }

        </script>
    </body>
</html>

David Humphrey is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.

\$\endgroup\$

1