Как передать переменную из js в php?

Передайте значение отдельным HTTP-запросом: браузерный JavaScript и PHP на сервере не имеют общей переменной. Для простого поля подойдёт fetch('/save.php', {method: 'POST', body: new URLSearchParams({name: value})}), где value содержит строку. В PHP её читают как $_POST['name'] ?? ''. Такой вариант отправляет данные в формате формы, который PHP разбирает автоматически. Если отправляете JSON, потребуется другой способ чтения: тело запроса через php://input и затем json_decode. В инструментах разработчика проверьте вкладку Network: адрес обработчика, отправленные данные и ответ. Изменение переменной после отправки не изменяет уже ушедший запрос. Сервер должен самостоятельно проверить полученное значение перед сохранением или использованием в вычислениях.

Теперь понятно, почему вставка переменной в PHP-теги после клика ничего не давала.

• Определите момент передачи. PHP обычно выполняется на сервере до того, как браузер начинает исполнять полученную страницу. Поэтому запись браузерной переменной рядом с PHP-кодом не передаёт её назад автоматически. Нужна отправка формы либо отдельный запрос после изменения значения.
• Для одного текстового поля удобно использовать форму. В асинхронной функции можно выполнить const response = await fetch('/save.php', {method: 'POST', body: new URLSearchParams({name: value})});. Здесь value заранее определена в JavaScript, а name является именем передаваемого поля. PHP-обработчик должен находиться по указанному адресу и действительно исполняться сервером.
• На принимающей стороне получите значение через $_POST['name'] ?? ''. Это относится к данным формы. Если вместо URLSearchParams вы выбрали JSON.stringify и тип application/json, массив $_POST \text{не} \text{заполняется} \text{этим} JSON$. Для него читают исходное тело запроса и отдельно декодируют JSON, обрабатывая ошибки разбора.
• Не считайте наличие поля подтверждением правильности данных. Проверьте, что пришла строка, допустите нужную длину и формат. Например, имя не должно неожиданно оказаться массивом. Правила проверки зависят от назначения поля, а не от того, какие ограничения стоят в браузерной форме.
• После отправки проверьте HTTP-статус через response.ok и прочитайте ответ в согласованном формате. Ошибка PHP или неправильный путь могут вернуть HTML вместо ожидаемого JSON. Это видно во вкладке Network.
• Для первого опыта держите страницу и обработчик на одном источнике. При разных доменах добавляются правила CORS и настройки авторизации. Само переименование переменной эти ограничения не устраняет.