php - 从 txt 文件中提取数字并用作 jquery 变量以递增圈数

Question

每次累积单击按钮时，我都需要一个圆圈来增长，这意味着它需要服务器存储而不是本地存储。到目前为止，我已经设法通过这个 php 代码计算点击次数，该代码将按钮被点击的次数存储在 .txt 文件中：

<?php

if( isset($_POST['clicks']) ) { 
    incrementClickCount();
}

function getClickCount()
{
    return (int)file_get_contents("clickit.txt");
}

function incrementClickCount()
{
    $count = getClickCount() + 1;
    file_put_contents("clickit.txt", $count);
}

?>

我想提取 clickit.txt 中的数字，并使用它通过 css 使用 jquery 增加圆的大小。

var numberClicks = ${'#number-clicks', 'value'}

$('.main-circle').css('width', 'numberClicks', 'vw')

.main-circle {
    position: fixed;
    width: 1vw;
    height: 1vw;
    top: 50%;
    bottom: 50%;
    left: 50%;
    border-radius: 50%;
    background-color: yellow;
    transform: translate(-50%, -50%);

}

<div class="main-circle"></div>

<form action="<?php $_SERVER['PHP_SELF']; ?>" method="post">
    <input type="submit" value="neuer erfolg" name="clicks">
    </form>
    <div>Click Count: <span id="number-clicks"<?php echo getClickCount(); ?> </div>

我知道这不能按原样工作，但我无法弄清楚正确的语法。任何帮助深表感谢！