Установить переменную Thymeleaf с результатом функции JavaScript

Question

Я собираюсь получить геолокацию пользовательского браузера и установить две переменные в Thymeleaf,

Этот код JavaScript для получения местоположения:

var x = document.getElementById("demo");

function getLocation() {
    if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    } else {
        x.innerHTML = "Geolocation is not supported by this browser.";
    }
}

function showPosition(position) {
    x.innerHTML = "Latitude: " + position.coords.latitude +
        "<br>Longitude: " + position.coords.longitude;
}

У меня есть HTMLкод с переменными lat, long для класса привязки.Я хочу добавить результат функции в эту переменную. Примерно так:

<div>
    <button onclick="getLocation()">Get GeoLocation</button>
    <p id="demo"></p>
    <script>
        var x = document.getElementById("demo");

        function getLocation() {
            if (navigator.geolocation) {
                navigator.geolocation.getCurrentPosition(showPosition);
            } else {
                x.innerHTML = "Geolocation is not supported by this browser.";
            }
        }

        function showPosition(position) {
            x.innerHTML = "Latitude: " + position.coords.latitude +
                "<br>Longitude: " + position.coords.longitude;
        }
    </script>
</div>

Эта кнопка просто отображает lat, long, когда пользователь нажимает на кнопку.Я просто хочу связать результат с этими переменными Thymeleaf.