Add a counting function

@@ -24,7 +24,7 @@
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
                 </iframe>
                 </iframe>
             </div>
             </div>
-            <div id="counter" class="circle">0</div>
+            <div id="counter" class="circle"></div>
         </center>
         </center>
     </div>
     </div>
     <div id="label-container" class="label-container"></div>
     <div id="label-container" class="label-container"></div>

@@ -49,6 +49,8 @@ async function loop(timestamp) {
 let status = "stand" ;
 let status = "stand" ;
 // 갯수 count
 // 갯수 count
 let count = 0;
 let count = 0;
+var counter = document.getElementById("counter");
+counter.textContent = count;
 
 
 async function predict() {
 async function predict() {
     // Prediction #1: run input through posenet
     // Prediction #1: run input through posenet
@@ -62,8 +64,8 @@ async function predict() {
             count++;
             count++;
             var audio = new Audio('./sound/' + count%10 + '.wav');
             var audio = new Audio('./sound/' + count%10 + '.wav');
             audio.play();
             audio.play();
+            counter.textContent = count;
             console.log(count);
             console.log(count);
-            document.getElementById("counter").innerText(count);
         }
         }
         status = "stand"
         status = "stand"
     } else if (prediction[1].probability.toFixed(2) == 1.00) { // 스쿼트 자세
     } else if (prediction[1].probability.toFixed(2) == 1.00) { // 스쿼트 자세