Как кодировать Javascript для подсчета числа один за другим, используя функцию onclick и php?

Question

Я занимаюсь сайтом табло, поэтому CSS и HTML уже закончены, но я решил, как подсчитать счет один за другим. Я использую php, чтобы изменить имя класса в div, и число изменится. Теперь мне нужно изменить значение в переменных в php, чтобы изменить число. Я хочу знать, как написать команду, чтобы подсчитать значение в php с помощью функции onclick, один за другим. Спасибо за вашу помощь.

Это скрипт и php.

function myFunction(){
<?php
    $s = 1;
    $d = "display-no-$s";
?>  }

а это HTML

<button onclick="myFunction()">Click Me</button>   
    <div id="clock-container">
        <div id="display-1" class="display-container display-size-12 <?php echo $d; ?>">
            <div class="segment-x segment-a"><span class="segment-border"></span></div>
            <div class="segment-y segment-b"><span class="segment-border"></span></div>
            <div class="segment-y segment-c"><span class="segment-border"></span></div>
            <div class="segment-x segment-d"><span class="segment-border"></span></div>
            <div class="segment-y segment-e"><span class="segment-border"></span></div>
            <div class="segment-y segment-f"><span class="segment-border"></span></div>
            <div class="segment-x segment-g"><span class="segment-border"></span></div>
        </div>
    </div>