feat: 사용자가 잘못된 입력 값을 작성하면 경고하기

- isValidate()를 이용하여 사용자의 입력
  값을 검증
- 자동차의 이름이 5자를 초과하는 경우
- 입력값이 1보다 작을 경우

src/car/CarList.js

@@ -1,6 +1,7 @@
 import Car from "./Car.js";
 import isMovable from "../utils/isMovable.js";
 import makeResultElement from "../utils/makeResultElement.js";
+import isValidate from "../utils/isValidate.js";
 
 class CarList {
     constructor() {
@@ -13,7 +14,12 @@ class CarList {
 
     init(carNameArray) {
         for(let i = 0; i<carNameArray.length; i++) {
-            this.push(new Car(carNameArray[i]));
+            if(isValidate("name", carNameArray[i])) this.push(new Car(carNameArray[i]));
+            else {
+                this.array = [];
+                alert("잘못된 이름입니다.");
+                return;
+            }
         }
     }
 

src/index.js

@@ -1,4 +1,5 @@
 import CarList from "./car/CarList.js";
+import isValidate from "./utils/isValidate.js";
 
 const formTag = document.querySelectorAll("form");
 const carNameButton = document.getElementById("car-names-submit");
@@ -22,6 +23,9 @@ carNameButton.addEventListener('click', event => {
 racingCountButton.addEventListener('click', event => {
     const racingCountInput = document.getElementById("racing-count-input").value;
 
-    carList.game(racingCountInput);
-    console.log(carList);
+    if(!isValidate("count", racingCountInput)) alert("잘못된 숫자를 입력하셨습니다.");
+    else {
+        carList.game(racingCountInput);
+        console.log(carList);
+    }
 });

src/utils/isValidate.js

@@ -0,0 +1,14 @@
+function isValidate(type, input) {
+    if(type === "name") return !isOverFiveSyllable(input);
+    else return isPositive(input);
+}
+
+function isOverFiveSyllable(input) {
+    return input.length > 5;
+}
+
+function isPositive(input) {
+    return input >= 1;
+}
+
+export default isValidate;