Exercise.js - let->const

P42 changes

frontend/www/scripts/exercise.js

@@ -41,7 +41,7 @@ function handleCancelButtonDuringEdit() {
 
     cancelButton.removeEventListener("click", handleCancelButtonDuringEdit);
 
-    let form = document.querySelector("#form-exercise");
+    const form = document.querySelector("#form-exercise");
     if (oldFormData.has("name")) form.name.value = oldFormData.get("name");
     if (oldFormData.has("description")) form.description.value = oldFormData.get("description");
     if (oldFormData.has("duration")) form.duration.value = oldFormData.get("duration");
@@ -64,23 +64,23 @@ function handleCancelButtonDuringCreate() {
 
 async function createExercise() {
     document.querySelector("select").removeAttribute("disabled")
-    let form = document.querySelector("#form-exercise");
-    let formData = new FormData(form);
-    let body = {"name": formData.get("name"), 
+    const form = document.querySelector("#form-exercise");
+    const formData = new FormData(form);
+    const body = {"name": formData.get("name"), 
                 "description": formData.get("description"),
                 "duration": formData.get("duration"),
                 "calories": formData.get("calories"),
                 "muscleGroup": formData.get("muscleGroup"), 
                 "unit": formData.get("unit")};
 
-    let response = await sendRequest("POST", `${HOST}/api/exercises/`, body);
+    const response = await sendRequest("POST", `${HOST}/api/exercises/`, body);
 
     if (response.ok) {
         window.location.replace("exercises.html");
         return;
     }
-    let data = await response.json();
-    let alert = createAlert("Could not create new exercise!", data);
+    const data = await response.json();
+    const alert = createAlert("Could not create new exercise!", data);
     document.body.prepend(alert);
 }
 
@@ -96,15 +96,15 @@ function handleEditExerciseButtonClick() {
 
     cancelButton.addEventListener("click", handleCancelButtonDuringEdit);
 
-    let form = document.querySelector("#form-exercise");
+    const form = document.querySelector("#form-exercise");
     oldFormData = new FormData(form);
 }
 
 async function deleteExercise(id) {
-    let response = await sendRequest("DELETE", `${HOST}/api/exercises/${id}/`);
+    const response = await sendRequest("DELETE", `${HOST}/api/exercises/${id}/`);
     if (!response.ok) {
-        let data = await response.json();
-        let alert = createAlert(`Could not delete exercise ${id}`, data);
+        const data = await response.json();
+        const alert = createAlert(`Could not delete exercise ${id}`, data);
         document.body.prepend(alert);
     } else {
         window.location.replace("exercises.html");
@@ -112,50 +112,50 @@ async function deleteExercise(id) {
 }
 
 async function retrieveExercise(id) {
-    let response = await sendRequest("GET", `${HOST}/api/exercises/${id}/`);
+    const response = await sendRequest("GET", `${HOST}/api/exercises/${id}/`);
 
     console.log(response.ok)
 
     if (!response.ok) {
-        let data = await response.json();
-        let alert = createAlert("Could not retrieve exercise data!", data);
+        const data = await response.json();
+        const alert = createAlert("Could not retrieve exercise data!", data);
         document.body.prepend(alert);
         return;
     }
     document.querySelector("select").removeAttribute("disabled")
-    let exerciseData = await response.json();
-    let form = document.querySelector("#form-exercise");
-    let formData = new FormData(form);
+    const exerciseData = await response.json();
+    const form = document.querySelector("#form-exercise");
+    const formData = new FormData(form);
 
-    for (let key of formData.keys()) {
+    for (const key of formData.keys()) {
         const selector = key !== "muscleGroup" ? `input[name="${key}"], textarea[name="${key}"]` : `select[name=${key}]`
-        let input = form.querySelector(selector);
-        let newVal = exerciseData[key];
+        const input = form.querySelector(selector);
+        const newVal = exerciseData[key];
         input.value = newVal;
     }
     document.querySelector("select").setAttribute("disabled", "")
 }
 
 async function updateExercise(id) {
-    let form = document.querySelector("#form-exercise");
-    let formData = new FormData(form);
+    const form = document.querySelector("#form-exercise");
+    const formData = new FormData(form);
 
-    let muscleGroupSelector = document.querySelector("select")
+    const muscleGroupSelector = document.querySelector("select")
     muscleGroupSelector.removeAttribute("disabled")
 
-    let selectedMuscleGroup = new MuscleGroup(formData.get("muscleGroup"));
+    const selectedMuscleGroup = new MuscleGroup(formData.get("muscleGroup"));
 
-    let body = {"name": formData.get("name"), 
+    const body = {"name": formData.get("name"), 
                 "description": formData.get("description"),
                 "duration": formData.get("duration"),
                 "calories": formData.get("calories"),
                 "muscleGroup": selectedMuscleGroup.getMuscleGroupType(),
                 "unit": formData.get("unit")};
-    let response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body);
+    const response = await sendRequest("PUT", `${HOST}/api/exercises/${id}/`, body);
 
     if (!response.ok) {
-        let data = await response.json();
-        let alert = createAlert(`Could not update exercise ${id}`, data);
+        const data = await response.json();
+        const alert = createAlert(`Could not update exercise ${id}`, data);
         document.body.prepend(alert);
         return;
     }