index.html

<!DOCTYPE html>
<html>
<script>

        function tilt() { var tilt = document.getElementById("tiltRange").value;
                          document.getElementById("tilt_Range").innerHTML = tilt;
                          var xhttp = new XMLHttpRequest();
                          xhttp.open("GET", "servo.php?dir=P1-11=" + tilt, true);
                          xhttp.send();
                        }
</script>

<body>

        <button onclick="tilt()">Tilt</button>

        <input type="range" id="tiltRange" value="140" max="170" min="60">

        <text id="tilt_Range"></text>

</body>

</html>