variables

Author: estelle

modules/filters.html

@@ -203,54 +203,49 @@
       }
       function blur() {
         let blurValue = document.getElementsByName("blur")[0].value;
-        return blurValue == "0" ? "" : "blur(" + blurValue + "rem) ";
+        return blurValue == "0" ? "" : `blur(${blurValue}rem) `;
       }
       function brightness() {
         let brightnessValue = document.getElementsByName("brightness")[0].value;
         return brightnessValue.toString() === "1"
           ? ""
-          : "brightness(" + brightnessValue + ") ";
+          : `brightness(${brightnessValue}) `;
       }
       function contrast() {
         let contrastValue = document.getElementsByName("contrast")[0].value;
-        return contrastValue == 1 ? "" : "contrast(" + contrastValue + ") ";
+        return contrastValue == 1 ? "" : `contrast(${contrastValue}) `;
       }
       function dropShadow() {
         let dropShadowValue = document.getElementsByName("dropShadow")[0].value;
         return dropShadowValue == 0
           ? ""
-          : "drop-shadow(" +
-              dropShadowValue +
-              "rem " +
-              dropShadowValue +
-              "rem " +
-              "0rem orange) ";
+          : `drop-shadow(${dropShadowValue}rem ${dropShadowValue}rem 0rem orange) `;
       }
       function grayscale() {
         let grayscaleValue = document.getElementsByName("grayscale")[0].value;
-        return grayscaleValue == 0 ? "" : "grayscale(" + grayscaleValue + ") ";
+        return grayscaleValue == 0 ? "" : `grayscale(${grayscaleValue}) `;
       }
       function hueRotate() {
         let hueRotateValue = document.getElementsByName("hueRotate")[0].value;
         return hueRotateValue == 0
           ? ""
-          : "hue-rotate(" + hueRotateValue + "turn) ";
+          : `hue-rotate(${hueRotateValue}turn) `;
       }
       function invert() {
         let invertValue = document.getElementsByName("invert")[0].value;
-        return invertValue == 0 ? "" : "invert(" + invertValue + ") ";
+        return invertValue == 0 ? "" : `invert(${invertValue}) `;
       }
       function opacity() {
         let opacityValue = document.getElementsByName("opacity")[0].value;
-        return opacityValue == 1 ? "" : "opacity(" + opacityValue + ") ";
+        return opacityValue == 1 ? "" : `opacity(${opacityValue}) `;
       }
       function saturate() {
         let saturateValue = document.getElementsByName("saturate")[0].value;
-        return saturateValue == 1 ? "" : "saturate(" + saturateValue + ") ";
+        return saturateValue == 1 ? "" : `saturate(${saturateValue}) `;
       }
       function sepia() {
         let sepiaValue = document.getElementsByName("sepia")[0].value;
-        return sepiaValue == 0 ? "" : "sepia(" + sepiaValue + ") ";
+        return sepiaValue == 0 ? "" : `sepia(${sepiaValue})`;
       }
     </script>
   </body>