Rename variables for clarity

app/javascript/controllers/conditional_question_controller.js

@@ -19,16 +19,16 @@ export default class extends Controller {
 
   displayConditionalRadio() {
     if(this.element.checked) {
-      let value = this.element.value
+      let selectedValue = this.element.value
       let conditional_for = JSON.parse(this.element.dataset.info)
 
-      Object.entries(conditional_for).forEach(([key, values]) => {
-        let div = document.getElementById(key + "_div")
-        if(values.includes(value)) {
+      Object.entries(conditional_for).forEach(([targetQuestion, conditions]) => {
+        let div = document.getElementById(targetQuestion + "_div")
+        if(conditions.includes(selectedValue)) {
           div.style.display = "block"
         } else {
           div.style.display = "none"
-          let buttons = document.getElementsByName(`case_log[${key}]`)
+          let buttons = document.getElementsByName(`case_log[${targetQuestion}]`)
           Object.entries(buttons).forEach(([idx, button]) => {
             button.checked = false;
           })
@@ -38,12 +38,12 @@ export default class extends Controller {
   }
 
   displayConditionalNumeric() {
-    let value = this.element.value
+    let enteredValue = this.element.value
     let conditional_for = JSON.parse(this.element.dataset.info)
 
-    Object.entries(conditional_for).forEach(([key, values]) => {
-      let div = document.getElementById(key + "_div")
-      if(eval((value + values))) {
+    Object.entries(conditional_for).forEach(([targetQuestion, condition]) => {
+      let div = document.getElementById(targetQuestion + "_div")
+      if(eval((enteredValue + condition))) {
         div.style.display = "block"
       } else {
         div.style.display = "none"