Update view videos button

Link to youtube search list

@@ -42,33 +42,32 @@ function boxinfo(results){
       display:flex;
       display:flex;
       flex-wrap:wrap;
       flex-wrap:wrap;
       margin-left:50px auto;
       margin-left:50px auto;
-
     }
     }
     <!--검색결과사진,레시피정보 모두 검색창 옆으로 가게하는거까지는 되었고 2열씩 정렬하려 했는데 2열 정렬 부분이 미완성. 우선 사진 옆으로 정보만 수평으로 뜸-->
     <!--검색결과사진,레시피정보 모두 검색창 옆으로 가게하는거까지는 되었고 2열씩 정렬하려 했는데 2열 정렬 부분이 미완성. 우선 사진 옆으로 정보만 수평으로 뜸-->
     <!--검색결과 뜰 시에 검색창 위치가 바뀌는 문제 있음-->
     <!--검색결과 뜰 시에 검색창 위치가 바뀌는 문제 있음-->
-
-
     </style>
     </style>
     <div class="item">
     <div class="item">
       <img src="${result.recipe.image}" alt="">
       <img src="${result.recipe.image}" alt="">
       <div class="flex-container">
       <div class="flex-container">
         <h1 class="title">${result.recipe.label}</h1>
         <h1 class="title">${result.recipe.label}</h1>
         <a href="${result.recipe.url}" target="_blank">View Recipe</a>
         <a href="${result.recipe.url}" target="_blank">View Recipe</a>
-        ${(cal => {
-          if (cal >= 2000) {
-            return `<p style="color:red">${cal}</p>`;
-          }
-          else if(cal >= 1000 && cal < 2000){
-            return `<p style="color:rgb(245,176,65)">${cal}</p>`;
-          }
-          else {
-            return `<p style="color:green">${cal}</p>`;
-          }
-            })(object.cal)
-           }
+        <!--result.recipe.labe에 + home + recipe 한 검색결과 페이지를 버튼에 링크시켜놓음-->
+        <a href="https://www.youtube.com/results?search_query=${result.recipe.label}+home+recipe" target="_blank">View Videos</a>
       </div>
       </div>
+      ${(cal => {
+        if (cal >= 2000) {
+          return `<p style="color:red">${cal}</p>`;
+        }
+        else if(cal >= 1000 && cal < 2000){
+          return `<p style="color:yellow">${cal}</p>`;
+        }
+        else {
+          return `<p style="color:green">${cal}</p>`;
+        }
+          })(object.cal)
+         }
     </div>
     </div>
     `
     `
   })
   })
   searchResultDiv.innerHTML = boxsinfo;
   searchResultDiv.innerHTML = boxsinfo;
-}
+}
\ No newline at end of file

+{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"flash":{"error":["Missing username or password.","Missing username or password."]},"__lastAccess":1638672404811}
\ No newline at end of file

-{"cookie":{"originalMaxAge":null,"expires":null,"httpOnly":true,"path":"/"},"flash":{"error":["Missing username or password."]},"__lastAccess":1638671002743}
\ No newline at end of file