37 lines
1.0 KiB
HTML
37 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pl">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lekcja 3.4</title>
|
|
</head>
|
|
<body>
|
|
<input type="range" name="r1" id="r1">
|
|
<input type="range" name="r2" id="r2">
|
|
|
|
<script>
|
|
document.getElementById("r1").onchange = function() {
|
|
const data = JSON.stringify({
|
|
"r1": document.getElementById("r1").value
|
|
})
|
|
const options = {
|
|
method: "POST",
|
|
headers: {
|
|
"Content-Type": "application/json"
|
|
},
|
|
body: data
|
|
}
|
|
fetch("/range", options)
|
|
.then(function(response) {
|
|
return response.json()
|
|
})
|
|
.then(function(data) {
|
|
document.getElementById("r2").value = data.r2
|
|
})
|
|
.catch(function(error) {
|
|
console.error(error)
|
|
})
|
|
}
|
|
</script>
|
|
</body>
|
|
</html> |