From 26425a3aedf9a9be07ea410f299b90c3854ca77f Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 03:59:13 +0900 Subject: [PATCH 1/6] =?UTF-8?q?add=20=EA=B8=B0=EB=8A=A5=20=EC=9A=94?= =?UTF-8?q?=EA=B5=AC=20=EC=82=AC=ED=95=AD?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- README.md | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index 8b2833c..0d22415 100644 --- a/README.md +++ b/README.md @@ -1 +1,7 @@ -# javascript-baseball-precourse \ No newline at end of file +# javascript-baseball-precourse + +기능 요구 사항 +1. 랜덤 수 생성 : 1부터 9까지 서로 다른 임의의 3자리 수를 생성한다. +2. 사용자 입력 받기: 입력된 수가 3자리이고 각 자리가 중복되지 않는지 확인한다. +3. 게임 진행 : 정답과 입력된 숫자를 비교하여 스트라이크와 볼을 판단하고 결과를 표시한다. +4. 게임 종료 : 결과가 3 스트라이크인 경우 게임이 종료되고 재시작 버튼을 표시한다. \ No newline at end of file From ba6d7a36aafda4a570a3983479f9aee247f051f6 Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 05:35:39 +0900 Subject: [PATCH 2/6] =?UTF-8?q?=EB=9E=9C=EB=8D=A4=20=EC=88=98=20=EC=83=9D?= =?UTF-8?q?=EC=84=B1?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 41 +++++++++++++++++++++++++++++++++++++++++ index.html | 32 ++++++++++++++++++++++++++++---- src/main.js | 5 +++++ src/randNumber.js | 14 ++++++++++++++ 4 files changed, 88 insertions(+), 4 deletions(-) create mode 100644 css/main.css create mode 100644 src/randNumber.js diff --git a/css/main.css b/css/main.css new file mode 100644 index 0000000..0d273ed --- /dev/null +++ b/css/main.css @@ -0,0 +1,41 @@ +body { + font-family: 'Nanum Gothic', sans-serif; + font-size: 16px; + font-weight: 400; + line-height: 1.4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; +} +button { + cursor: pointer; +} +strong { + font-weight: 800; +} + +.container { + background: white; +} +.container h1 { + font-size: 30px; + font-weight: 800; + margin-bottom: 20px; +} + +.container .description { + font-size: 15px; + margin: 10px 0; +} + +.container .result { + margin-top: 20px; +} + +.container .result h2 { + font-weight: 700; + font-size: 20px; + margin-bottom: 10px; +} \ No newline at end of file diff --git a/index.html b/index.html index b021b5c..b8194ce 100644 --- a/index.html +++ b/index.html @@ -3,10 +3,34 @@ - + 숫자 야구 게임 + + + + -
- - +
+ +
+

⚾ 숫자 야구 게임

+
+ +
+

1~9까지의 수를 중복없이 3개 입력해주세요

+

올바른 예) 139

+

틀린 예) 122

+
+ +
+ + +
+ +
+

📋 결과

+
+
+ + diff --git a/src/main.js b/src/main.js index e69de29..29ecdd4 100644 --- a/src/main.js +++ b/src/main.js @@ -0,0 +1,5 @@ +import generateRandomNumber from './randNumber.js'; + +// 정답 랜덤 수 생성 +const resultNum = generateRandomNumber(); +console.log(resultNum); \ No newline at end of file diff --git a/src/randNumber.js b/src/randNumber.js new file mode 100644 index 0000000..7c933ff --- /dev/null +++ b/src/randNumber.js @@ -0,0 +1,14 @@ +export default function generateRandomNumber() { + //1부터 9까지 서로 다른 수로 이루어진 3자리의 수 + let answerArr = []; + while (answerArr.length < 3) { + //1~9까지의 숫자가 출력되어야 하므로 + let num = Math.floor(Math.random() * 9) + 1; + //anserArr에 없으면,(중복이 아니면) + if (!answerArr.includes(num)) { + //배열에 넣어준다. + answerArr.push(num); + } + } + return answerArr.join(''); +} \ No newline at end of file From 00925307c5336dfceaa7d0ec1786de861ddd91c9 Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 05:41:14 +0900 Subject: [PATCH 3/6] =?UTF-8?q?=EC=82=AC=EC=9A=A9=EC=9E=90=20=EC=9E=85?= =?UTF-8?q?=EB=A0=A5=20=EB=B0=9B=EA=B8=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 5 +++++ index.html | 1 + src/checkNumber.js | 21 +++++++++++++++++++++ src/main.js | 9 ++++++++- 4 files changed, 35 insertions(+), 1 deletion(-) create mode 100644 src/checkNumber.js diff --git a/css/main.css b/css/main.css index 0d273ed..8a70961 100644 --- a/css/main.css +++ b/css/main.css @@ -30,6 +30,11 @@ strong { margin: 10px 0; } +.container .answer .error { + color: red; + font-size: 0.9em; +} + .container .result { margin-top: 20px; } diff --git a/index.html b/index.html index b8194ce..c5a933d 100644 --- a/index.html +++ b/index.html @@ -25,6 +25,7 @@

⚾ 숫자 야구 게임

+

diff --git a/src/checkNumber.js b/src/checkNumber.js new file mode 100644 index 0000000..2b874e8 --- /dev/null +++ b/src/checkNumber.js @@ -0,0 +1,21 @@ +export default function checkNumber(userInput) { + const errorMessageElement = document.getElementById("error-message"); + + errorMessageElement.textContent = ""; + + // 입력이 3자리 숫자인지 확인 + if (!/^\d{3}$/.test(userInput)) { + // 입력이 3자리가 아니면, 오류 메시지 표시 + errorMessageElement.textContent = "3자리 수로 입력해주세요"; + return false; + } + + // 입력에 중복된 숫자가 있는지 확인 + if (new Set(userInput).size !== 3) { + // 중복된 숫자가 있으면, 오류 메시지 표시 + errorMessageElement.textContent = "중복 없이 입력해주세요"; + return false; + } + + return true; +} diff --git a/src/main.js b/src/main.js index 29ecdd4..543428f 100644 --- a/src/main.js +++ b/src/main.js @@ -1,5 +1,12 @@ import generateRandomNumber from './randNumber.js'; +import checkNumber from './checkNumber.js'; // 정답 랜덤 수 생성 const resultNum = generateRandomNumber(); -console.log(resultNum); \ No newline at end of file +console.log(resultNum); + +// 입력된 수가 3자리이고 각 자리가 중복되지 않는지 확인 +document.getElementById("check-button").addEventListener("click", function () { + const userInput = document.getElementById("user-input").value; + checkNumber(userInput); +}); From 8e391e4b89d2967cd6962ad188c3d6c0bcadc3d1 Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 06:31:03 +0900 Subject: [PATCH 4/6] =?UTF-8?q?=EA=B2=8C=EC=9E=84=20=EC=A7=84=ED=96=89?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 8 +++++++- index.html | 3 ++- src/main.js | 9 ++++++++- src/result.js | 36 ++++++++++++++++++++++++++++++++++++ 4 files changed, 53 insertions(+), 3 deletions(-) create mode 100644 src/result.js diff --git a/css/main.css b/css/main.css index 8a70961..be6ba5a 100644 --- a/css/main.css +++ b/css/main.css @@ -30,7 +30,7 @@ strong { margin: 10px 0; } -.container .answer .error { +.container .answer .error-text { color: red; font-size: 0.9em; } @@ -43,4 +43,10 @@ strong { font-weight: 700; font-size: 20px; margin-bottom: 10px; +} + +.container .result .result-text{ + font-weight: 700; + font-size: 18px; + margin-bottom: 10px; } \ No newline at end of file diff --git a/index.html b/index.html index c5a933d..0d74525 100644 --- a/index.html +++ b/index.html @@ -25,11 +25,12 @@

⚾ 숫자 야구 게임

-

+

📋 결과

+

diff --git a/src/main.js b/src/main.js index 543428f..e40be84 100644 --- a/src/main.js +++ b/src/main.js @@ -1,5 +1,6 @@ import generateRandomNumber from './randNumber.js'; import checkNumber from './checkNumber.js'; +import result from './result.js'; // 정답 랜덤 수 생성 const resultNum = generateRandomNumber(); @@ -8,5 +9,11 @@ console.log(resultNum); // 입력된 수가 3자리이고 각 자리가 중복되지 않는지 확인 document.getElementById("check-button").addEventListener("click", function () { const userInput = document.getElementById("user-input").value; - checkNumber(userInput); + if (checkNumber(userInput)) { + // 입력된 수가 조건에 맞으면 결과 출력 + result(userInput, resultNum); + } else { + // 입력된 수가 조건에 맞지 않으면 결과 초기화 + document.getElementById("result-message").textContent = ""; + } }); diff --git a/src/result.js b/src/result.js new file mode 100644 index 0000000..7dd267d --- /dev/null +++ b/src/result.js @@ -0,0 +1,36 @@ +export default function result(userInput, targetNumber) { + // 결과를 계산 + const { strikes, balls } = calculateScore(userInput, targetNumber); + + // 결과를 화면에 표시 + showResult(strikes, balls); +} + +function calculateScore(userInput, targetNumber) { + let strikes = 0; + let balls = 0; + + for (let i = 0; i < 3; i++) { + if (userInput[i] === targetNumber[i]) strikes++; + else if (targetNumber.includes(userInput[i])) balls++; + } + + return { strikes, balls }; +} + +function showResult(strikes, balls) { + const resultMessage = document.getElementById("result-message"); + if (strikes === 3) { + // 스트라이크가 3개인 경우 정답 메시지를 표시 + resultMessage.textContent = "🎉 축하합니다! 정답을 맞추셨습니다! 🎉"; + } else if (strikes > 0 || balls > 0) { + // 스트라이크나 볼이 있는 경우 해당 개수를 표시 + let message = ""; + if (balls > 0) message += ` ${balls} 볼`; + if (strikes > 0) message += `${strikes} 스트라이크`; + resultMessage.textContent = message; + } else { + // 스트라이크와 볼이 모두 없는 경우 낫싱 메시지를 표시 + resultMessage.textContent = "낫싱"; + } +} \ No newline at end of file From 0156b190a95e7777203106bbfa7977718f3112ed Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 09:14:58 +0900 Subject: [PATCH 5/6] =?UTF-8?q?=EA=B2=8C=EC=9E=84=20=EC=A2=85=EB=A3=8C=20?= =?UTF-8?q?=EB=B0=8F=20=EB=B6=80=EA=B0=80=EC=A0=81=EC=9D=B8=20=EA=B5=AC?= =?UTF-8?q?=ED=98=84=20=EC=B6=94=EA=B0=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 102 +++++++++++++++++++++++++++++++++------------ index.html | 34 ++++++++++----- src/checkNumber.js | 11 +++-- src/main.js | 13 ++++-- src/randNumber.js | 29 +++++++++---- src/restart.js | 21 ++++++++++ src/result.js | 21 +++++++--- 7 files changed, 174 insertions(+), 57 deletions(-) create mode 100644 src/restart.js diff --git a/css/main.css b/css/main.css index be6ba5a..f9cc098 100644 --- a/css/main.css +++ b/css/main.css @@ -1,52 +1,100 @@ body { font-family: 'Nanum Gothic', sans-serif; font-size: 16px; - font-weight: 400; line-height: 1.4; display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; -} -button { + background-color: #f2f2f2; + } + + strong { + font-weight: bold; + } + + button { cursor: pointer; -} -strong { - font-weight: 800; -} + border: none; + background-color: #6b9fff; + color: white; + border-radius: 50px; + padding: 10px 20px; + font-size: 16px; + } -.container { + button:hover { + background-color: #588bf7; + } + + .container { background: white; -} -.container h1 { + width: 360px; + height: 330px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + padding: 20px; + border-radius: 10px; + } + + .container h1 { font-size: 30px; - font-weight: 800; + font-weight: bold; margin-bottom: 20px; -} + color: #333333; + text-align: center; + } -.container .description { - font-size: 15px; + .container .description { + font-size: 17px; margin: 10px 0; -} + color: #666666; + } + + .container .answer { + display: flex; + gap: 10px; + } + + .container .answer input { + width: 220px; + padding: 10px 20px; + border-radius: 5px; + border: 1px solid #dddddd; + font-size: 16px; + } -.container .answer .error-text { - color: red; - font-size: 0.9em; -} + .error-text { + color: red; + font-size: 17px; + } -.container .result { + .result { margin-top: 20px; -} + display: flex; + flex-direction: column; + align-items: center; + width: 100%; + } -.container .result h2 { - font-weight: 700; + .result h2 { font-size: 20px; + font-weight: bold; margin-bottom: 10px; -} + color: #333333; + width: 100%; + text-align: left; + } -.container .result .result-text{ - font-weight: 700; + .result .result-text { font-size: 18px; + font-weight: bold; margin-bottom: 10px; -} \ No newline at end of file + height: 30px; + color: #333333; + } + + .result button { + width: 150px; + margin: 0 auto; + } diff --git a/index.html b/index.html index 0d74525..678e5f2 100644 --- a/index.html +++ b/index.html @@ -1,12 +1,21 @@ - + 숫자 야구 게임 - - - + + + @@ -17,22 +26,27 @@

⚾ 숫자 야구 게임

-

1~9까지의 수를 중복없이 3개 입력해주세요

+

+ 1~9까지의 수를 중복없이 + 3개 입력해주세요 +

올바른 예) 139

틀린 예) 122

- + -

+ +

-

📋 결과

-

+

📋 결과

+

+
- + diff --git a/src/checkNumber.js b/src/checkNumber.js index 2b874e8..3d491d5 100644 --- a/src/checkNumber.js +++ b/src/checkNumber.js @@ -5,17 +5,20 @@ export default function checkNumber(userInput) { // 입력이 3자리 숫자인지 확인 if (!/^\d{3}$/.test(userInput)) { - // 입력이 3자리가 아니면, 오류 메시지 표시 - errorMessageElement.textContent = "3자리 수로 입력해주세요"; + showError("3자리 수로 입력해주세요"); return false; } // 입력에 중복된 숫자가 있는지 확인 if (new Set(userInput).size !== 3) { - // 중복된 숫자가 있으면, 오류 메시지 표시 - errorMessageElement.textContent = "중복 없이 입력해주세요"; + showError("중복 없이 입력해주세요"); return false; } return true; } + +function showError(message) { + const errorMessageElement = document.getElementById("error-message"); + errorMessageElement.textContent = message; +} \ No newline at end of file diff --git a/src/main.js b/src/main.js index e40be84..a198a1a 100644 --- a/src/main.js +++ b/src/main.js @@ -1,13 +1,13 @@ -import generateRandomNumber from './randNumber.js'; +import generateRandomNumber from './generateRandomNumber.js'; import checkNumber from './checkNumber.js'; import result from './result.js'; +import restartGame from './restart.js'; // 정답 랜덤 수 생성 -const resultNum = generateRandomNumber(); -console.log(resultNum); +let resultNum = generateRandomNumber(false); -// 입력된 수가 3자리이고 각 자리가 중복되지 않는지 확인 document.getElementById("check-button").addEventListener("click", function () { + // 사용자의 입력을 가져옴 const userInput = document.getElementById("user-input").value; if (checkNumber(userInput)) { // 입력된 수가 조건에 맞으면 결과 출력 @@ -17,3 +17,8 @@ document.getElementById("check-button").addEventListener("click", function () { document.getElementById("result-message").textContent = ""; } }); + +document.getElementById("restart-button").addEventListener("click", function () { + // 게임 재시작 + resultNum = restartGame(); +}); \ No newline at end of file diff --git a/src/randNumber.js b/src/randNumber.js index 7c933ff..77ea8ff 100644 --- a/src/randNumber.js +++ b/src/randNumber.js @@ -1,14 +1,29 @@ -export default function generateRandomNumber() { - //1부터 9까지 서로 다른 수로 이루어진 3자리의 수 - let answerArr = []; +export default function generateRandomNumber(restart = false) { + // 기존의 resultNum이 localStorage에 있는지 확인 + let resultNum = localStorage.getItem("resultNum"); + + // 게임 재시작이 아닌 경우와 resultNum이 이미 있는 경우 그대로 반환 + if (!restart && resultNum) { + return resultNum; + } + + // 새로운 정답 생성 + resultNum = generateUniqueNumber(); + localStorage.setItem("resultNum", resultNum); + console.log(resultNum); + return resultNum; +} + +function generateUniqueNumber() { + const answerArr = []; + + // 중복되지 않는 3자리 숫자 생성 while (answerArr.length < 3) { - //1~9까지의 숫자가 출력되어야 하므로 - let num = Math.floor(Math.random() * 9) + 1; - //anserArr에 없으면,(중복이 아니면) + const num = Math.floor(Math.random() * 9) + 1; if (!answerArr.includes(num)) { - //배열에 넣어준다. answerArr.push(num); } } + return answerArr.join(''); } \ No newline at end of file diff --git a/src/restart.js b/src/restart.js new file mode 100644 index 0000000..f22ccdd --- /dev/null +++ b/src/restart.js @@ -0,0 +1,21 @@ +import generateRandomNumber from './generateRandomNumber.js'; + +export default function restartGame() { + // 게임 재시작을 위해 resultNum 제거 + clearLocalStorage(); + // 입력 및 메시지 초기화 + resetInputs(); + // 새로운 정답 생성 + return generateRandomNumber(true); +} + +function clearLocalStorage() { + localStorage.removeItem("resultNum"); +} + +function resetInputs() { + document.getElementById("user-input").value = ""; + document.getElementById("error-message").textContent = ""; + document.getElementById("result-message").textContent = ""; + document.getElementById("restart-button").style.display = "none"; +} \ No newline at end of file diff --git a/src/result.js b/src/result.js index 7dd267d..bf2ea3f 100644 --- a/src/result.js +++ b/src/result.js @@ -1,7 +1,6 @@ export default function result(userInput, targetNumber) { // 결과를 계산 const { strikes, balls } = calculateScore(userInput, targetNumber); - // 결과를 화면에 표시 showResult(strikes, balls); } @@ -10,9 +9,13 @@ function calculateScore(userInput, targetNumber) { let strikes = 0; let balls = 0; + // 입력된 수와 정답을 비교하여 스트라이크와 볼의 개수를 계산 for (let i = 0; i < 3; i++) { - if (userInput[i] === targetNumber[i]) strikes++; - else if (targetNumber.includes(userInput[i])) balls++; + if (userInput[i] === targetNumber[i]) { + strikes++; + } else if (targetNumber.includes(userInput[i])) { + balls++; + } } return { strikes, balls }; @@ -20,14 +23,22 @@ function calculateScore(userInput, targetNumber) { function showResult(strikes, balls) { const resultMessage = document.getElementById("result-message"); + const restartButton = document.getElementById("restart-button"); + restartButton.style.display = "none"; + if (strikes === 3) { // 스트라이크가 3개인 경우 정답 메시지를 표시 resultMessage.textContent = "🎉 축하합니다! 정답을 맞추셨습니다! 🎉"; + restartButton.style.display = "inline-block"; } else if (strikes > 0 || balls > 0) { // 스트라이크나 볼이 있는 경우 해당 개수를 표시 let message = ""; - if (balls > 0) message += ` ${balls} 볼`; - if (strikes > 0) message += `${strikes} 스트라이크`; + if (balls > 0) { + message += ` ${balls} 볼`; + } + if (strikes > 0) { + message += `${strikes} 스트라이크`; + } resultMessage.textContent = message; } else { // 스트라이크와 볼이 모두 없는 경우 낫싱 메시지를 표시 From 5d08cfb7fa65b89bffba437cf026944affc9fbb7 Mon Sep 17 00:00:00 2001 From: ychy61 Date: Mon, 6 May 2024 09:22:51 +0900 Subject: [PATCH 6/6] =?UTF-8?q?css=20=EB=B0=8F=20=EA=B2=BD=EB=A1=9C=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- css/main.css | 177 +++++++++++++++++++++++++------------------------ src/main.js | 2 +- src/restart.js | 2 +- 3 files changed, 93 insertions(+), 88 deletions(-) diff --git a/css/main.css b/css/main.css index f9cc098..3018f53 100644 --- a/css/main.css +++ b/css/main.css @@ -1,100 +1,105 @@ body { - font-family: 'Nanum Gothic', sans-serif; - font-size: 16px; - line-height: 1.4; - display: flex; - justify-content: center; - align-items: center; - height: 100vh; - margin: 0; - background-color: #f2f2f2; - } + font-family: "Nanum Gothic", sans-serif; + font-size: 16px; + line-height: 1.4; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background-color: #f2f2f2; +} - strong { - font-weight: bold; - } +strong { + font-weight: bold; +} - button { - cursor: pointer; - border: none; - background-color: #6b9fff; - color: white; - border-radius: 50px; - padding: 10px 20px; - font-size: 16px; - } +button { + cursor: pointer; + border: none; + background-color: #6b9fff; + color: white; + border-radius: 50px; + padding: 10px 20px; + font-size: 16px; +} - button:hover { - background-color: #588bf7; - } +button:hover { + background-color: #588bf7; +} - .container { - background: white; - width: 360px; - height: 330px; - box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); - padding: 20px; - border-radius: 10px; - } +.container { + background: white; + width: 360px; + height: 330px; + box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); + padding: 20px; + border-radius: 10px; +} - .container h1 { - font-size: 30px; - font-weight: bold; - margin-bottom: 20px; - color: #333333; - text-align: center; - } +.container h1 { + font-size: 30px; + font-weight: bold; + margin-bottom: 20px; + color: #333333; + text-align: center; +} - .container .description { - font-size: 17px; - margin: 10px 0; - color: #666666; - } +.container .description { + font-size: 17px; + margin: 10px 0; + color: #666666; +} - .container .answer { - display: flex; - gap: 10px; - } +.container .answer { + display: flex; + gap: 25px; + width: 100%; +} - .container .answer input { - width: 220px; - padding: 10px 20px; - border-radius: 5px; - border: 1px solid #dddddd; - font-size: 16px; - } +.container .answer input { + width: 220px; + padding: 10px 20px; + border-radius: 5px; + border: 1px solid #dddddd; + font-size: 16px; +} - .error-text { - color: red; - font-size: 17px; - } +.container .answer button{ + width: 75px; +} - .result { - margin-top: 20px; - display: flex; - flex-direction: column; - align-items: center; - width: 100%; - } +.error-text { + color: red; + font-size: 17px; +} - .result h2 { - font-size: 20px; - font-weight: bold; - margin-bottom: 10px; - color: #333333; - width: 100%; - text-align: left; - } +.result { + margin-top: 20px; + display: flex; + flex-direction: column; + align-items: center; + width: 100%; +} - .result .result-text { - font-size: 18px; - font-weight: bold; - margin-bottom: 10px; - height: 30px; - color: #333333; - } +.result h2 { + font-size: 20px; + font-weight: bold; + margin-bottom: 10px; + color: #333333; + width: 100%; + text-align: left; +} - .result button { - width: 150px; - margin: 0 auto; - } +.result .result-text { + font-size: 18px; + font-weight: bold; + margin-bottom: 10px; + height: 30px; + color: #333333; +} + +.result button { + width: 150px; + margin: 0 auto; +} diff --git a/src/main.js b/src/main.js index a198a1a..3f177aa 100644 --- a/src/main.js +++ b/src/main.js @@ -1,4 +1,4 @@ -import generateRandomNumber from './generateRandomNumber.js'; +import generateRandomNumber from './randNumber.js'; import checkNumber from './checkNumber.js'; import result from './result.js'; import restartGame from './restart.js'; diff --git a/src/restart.js b/src/restart.js index f22ccdd..80643fc 100644 --- a/src/restart.js +++ b/src/restart.js @@ -1,4 +1,4 @@ -import generateRandomNumber from './generateRandomNumber.js'; +import generateRandomNumber from './randNumber.js'; export default function restartGame() { // 게임 재시작을 위해 resultNum 제거