Smikkelbakje/J2S1-Kobuki
1
0
Fork 0
mirror of https://gitlab.fdmci.hva.nl/technische-informatica-sm3/ti-projectten/rooziinuubii79.git synced 2025-08-04 12:24:57 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

test older version

Browse Source
This commit is contained in:
ishak jmilou.ishak
2025-01-09 12:52:11 +01:00
parent a2aa80804e
commit d90ac72591
1 changed files with 20 additions and 40 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
src/Python/flask/web/static/script.js
View File

@@ -1,61 +1,41 @@
document.addEventListener("DOMContentLoaded", function() { document.querySelectorAll(".btn").forEach(button => {
document.querySelectorAll(".btn").forEach(button => { button.addEventListener("click", async function(event) { // Maak de functie async
button.addEventListener("click", function(event) { event.preventDefault(); // voorkomt pagina-verversing
event.preventDefault(); // prevents page refresh
// Get the value of the button // Haal de waarde van de knop op
const direction = event.target.value; const direction = event.target.value;
fetch("/move", { try {
const response = await fetch("/move", {
method: "POST", method: "POST",
headers: { headers: {
"Content-Type": "application/json" "Content-Type": "application/json"
}, },
body: JSON.stringify({ direction: direction }) body: JSON.stringify({ direction: direction })
})
.then(response => response.json())
.then(data => {
console.log("Success:", data);
})
.catch(error => {
console.error("Error:", error);
}); });
});
});
// Fetch data from the server
async function fetchData() {
try {
const response = await fetch("/data");
const data = await response.json(); const data = await response.json();
return data; console.log("Success:", data);
} catch (error) { } catch (error) {
console.error("Error:", error); console.error("Error:", error);
} }
}
// Parse the data and show it on the website // Fetch data from the server
async function parseData() { async function fetchData() {
const response = await fetch("/data");
const data = await response.json();
return data;
}
// Parse the data and show it on the website
const data = await fetchData(); const data = await fetchData();
const sensorDataContainer = document.getElementById("sensor-data"); const sensorDataContainer = document.getElementById("sensor-data");
sensorDataContainer.innerHTML = ""; // Clear previous data sensorDataContainer.innerHTML = ""; // Clear previous data
// For each object in JSON array, create a new paragraph element and append it to the sensorDataContainer //for each object in json array create a new paragraph element and append it to the sensorDataContainer
for (const [key, value] of Object.entries(data)) { for (const [key, value] of Object.entries(data)) {
const dataElement = document.createElement("p"); const dataElement = document.createElement("p");
dataElement.textContent = `${key}: ${value}`; dataElement.textContent = `${key}: ${value}`;
sensorDataContainer.appendChild(dataElement); sensorDataContainer.appendChild(dataElement); // Voeg het element toe aan de container
} }
} });
// Update the image
// function updateImage() {
// var img = document.getElementById("robot-image");
// img.src = "/image?" + new Date().getTime(); // Add timestamp to avoid caching
// }
// Fetch and display sensor data every 1 second
setInterval(parseData, 1000);
// Update the image every 200 milliseconds
// setInterval(updateImage, 100);
}); });