remove unnecessary; format;

Author: lim-kim930

2.ui-tweaking/1.read-video-show-result.html

@@ -43,11 +43,6 @@ <h1>Use the Default Built-in UI</h1>
         document.getElementById('showScanner').addEventListener('click', async () => {
             try {
                 let scanner = await (pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
-                if(scanner.singleFrameMode) {
-                    scanner.singleFrameMode = false;
-                    document.querySelector('.dce-sel-camera').style.display = "block";
-                    document.querySelector('.dce-sel-resolution').style.display = "block";
-                }
                 scanner.onUniqueRead = (txt, result) => { alert(txt); };
                 document.getElementById('UIElement').appendChild(scanner.getUIElement());
                 await scanner.show();
@@ -62,8 +57,6 @@ <h1>Use the Default Built-in UI</h1>
                 let scanner = await(pScanner = pScanner || Dynamsoft.DBR.BarcodeScanner.createInstance());
                 scanner.hide();
                 scanner.singleFrameMode = true;
-                document.querySelector('.dce-sel-camera').style.display = "none";
-                document.querySelector('.dce-sel-resolution').style.display = "none";
                 await scanner.show();
             } catch (ex) {
                 alert(ex.message);

2.ui-tweaking/3.read-video-with-external-control.html

@@ -73,7 +73,7 @@ <h1>Customized UI</h1>
          */
 
         Dynamsoft.DBR.BarcodeReader.license = 'DLS2eyJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSJ9';
-        
+
         /** 
          * You can visit https://www.dynamsoft.com/customer/license/trialLicense?utm_source=github&product=dbr&package=js to get your own trial license good for 30 days. 
          * Note that if you downloaded this sample from Dynamsoft while logged in, the above license key may already be your own 30-day trial license.
@@ -147,7 +147,7 @@ <h1>Customized UI</h1>
         });
         document.getElementById("cam_selector_switch").addEventListener("click", toggleCamView);
         document.getElementById("res_selector_switch").addEventListener("click", toggleResView);
-        
+
         function toggleBtnView(boolean) {
             document.getElementById('btn-hide-scanner').hidden = boolean;
             document.getElementById('btn-show-scanner').hidden = !boolean;
@@ -206,6 +206,7 @@ <h1>Customized UI</h1>
                     }
                     updateOptions();
                     updateCurrentResolution();
+                    return;
                 }
             });
         }
@@ -225,6 +226,7 @@ <h1>Customized UI</h1>
         async function updateOptions() {
             let scanner = await pScanner;
             const cameras = await scanner.getAllCameras();
+            const currentCamera = await scanner.getCurrentCamera();
             document.getElementById("ul_options_camera").innerHTML = "";
             cameras.forEach(camera => {
                 let li = document.createElement("li");
@@ -234,8 +236,7 @@ <h1>Customized UI</h1>
                 li.appendChild(span);
                 document.getElementById("ul_options_camera").appendChild(li);
             });
-            const currentCamera = await scanner.getCurrentCamera();
-            let camOption = document.querySelectorAll("#ul_options_camera span");
+            const camOption = document.querySelectorAll("#ul_options_camera span");
             camOption.forEach(sapn => {
                 sapn.addEventListener("click", camOptionSelected);
                 if (!currentCamera || sapn.id === currentCamera.deviceId) {
@@ -268,12 +269,12 @@ <h1>Customized UI</h1>
             if (camViewable === -1 && e.target.id !== "selector_input_camera" && e.target.id !== "arrow_camera" && e.target.parentNode.id !== "arrow_camera") {
                 toggleCamView();
             }
-            if (resViewable ===-1 && e.target.id !== "selector_input_resolution" && e.target.id !== "arrow_resolution" && e.target.parentNode.id !== "arrow_resolution") {
+            if (resViewable === -1 && e.target.id !== "selector_input_resolution" && e.target.id !== "arrow_resolution" && e.target.parentNode.id !== "arrow_resolution") {
                 toggleResView();
             }
             if (camViewable !== -1 && resViewable !== -1) {
                 // trigger only once
-                document.removeEventListener("click", arguments.callee)
+                document.removeEventListener("click", arguments.callee);
             }
         }
     </script>

4.use-case/2.read-a-drivers-license.html

@@ -73,7 +73,7 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
         });
         document.getElementById("resultAlert_btn").addEventListener("click", closeResultAlert);
         document.getElementById("confirm_btn").addEventListener("click", () => {
-            document.getElementById('hintMSG').innerHTML = "Click the icon below to select a picture to read. <a href='javascript:void(0)' onclick='backToCameraMode()'>Back to camera mode</a>"
+            document.getElementById('hintMSG').innerHTML = "Click below to select a picture to read. <a href='javascript:void(0)' onclick='backToCameraMode()'>Back to camera mode</a>"
             startScanning(true);
             document.getElementById("message_box").style.display = "none";
         });
@@ -117,7 +117,7 @@ <h1 id='header'>Read A Driver's License <a href="javascript:void(0)" id='readAga
                 else {
                     scanner.onFrameRead = (result) => {
                         if (result.length === 0) {
-                            document.getElementById('resultAlert_content').innerText = "No Barcode Found!";
+                            document.getElementById('resultAlert_content').innerText = "No PDF417 Barcode Found!";
                             document.getElementById('resultAlert').hidden = false;
                             document.addEventListener("mousedown", clickToHide);
                         }