일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
Tags
- CSS
- 퍼블리싱
- useState
- FOR문
- 개발일지
- 아코디언카드만들기
- JavaScript
- module.css
- 자바스크립트 내장객체
- 미세먼지
- 공공데이터
- 공공데이터 활용
- position
- HTML
- 리액트
- jQuery
- 일러스트 입체글자
- 미세먼지알림사이트만들기
- 메뉴바만들기
- Illustrator2022
- JS
- 제이쿼리
- 자바스크립트
- css속성
- 바닐라자바스크립트
- react
- Js 내장객체
- 20231221
- open api
- css 속성
Archives
- Today
- Total
김코드의 웹디자인 세상
❏ Js. Math.random함수) 가위, 바위, 보 프로그램 만들기! 본문
안녕하세요!
오늘은 내장 객체를 배워보면서 응용으로 프로그램을 만들어보았습니다.
Math.random함수를 사용하여 만들어보았네요!
Math.random함수로 특정 범위의 랜덤 한 정수 값을 생성시켜 반환하는 함수입니다.
function getRandomInteger(min, max){
return Math.floor(Math.random() * (max - min + 1)) + min;
}
위의 함수는 랜덤 정수값에 대한 최솟값과 최댓값을 파라미터로 전달하면, 최솟값과 최댓값 사이의 정수를 반환하는 함수입니다. 이 함수를 기반으로 코드를 작성해보았습니다
function getRandomInteger(min, max) {
return Math.floor(Math.random() * (max - min + 1)) + min;
}
function rspPlayer(userRsp) {
const rsp = ["가위", "바위", "보"];
const playerRsp = rsp[getRandomInteger(0, 2)];
if (userRsp == playerRsp) { // 비겼을 때
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `비겼습니다.`,
};
} else if (userRsp == "가위") { //이겼을 때
if (playerRsp == "보") {
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 이겼습니다.`,
};
} else { //젔을 때
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 졌습니다.`,
};
}
} else if (userRsp == "바위") {
if (playerRsp == "가위") {
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 이겼습니다.`,
};
} else {
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 졌습니다.`,
};
}
} else if (userRsp == "보") {
if (playerRsp == "바위") {
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 이겼습니다.`,
};
} else {
return {
userRsp: userRsp,
playerRsp: playerRsp,
winner: `당신이 졌습니다.`,
};
}
}
}
function rspPlayer2(userRsp) {
const rsp = ["가위", "바위", "보"];
const playerRsp = rsp[getRandomInteger(0, 2)];
const winValue = {
가위: "보",
바위: "가위",
보: "바위",
}};
console.log(rspPlayer("보")); //가위, 바위, 보 중 내고 싶은걸 입력하면 됩니다!
그럼 실행되는걸 확인해 보아야지요!
잘 구동되는걸 확인할 수 있었습니다!
이번에는 조언을 듣거나 책을 확인하면서 코드를 작성해보았네요.
더 나은 코드로 수정해보거나 숙달될 수 있도록 노력해야겠네요!
(ᵔᵕᵔ)
'⊹⠀𝙹𝚂' 카테고리의 다른 글
❏ Js - 동등 연산자와 일치 연산자 (0) | 2023.01.13 |
---|---|
❏ Js - 드롭다운 메뉴만들기(dropdown-menu) ➋ (0) | 2022.12.11 |
❏ Javascript - 내장 객체(built-in Object) ➌ (0) | 2022.11.18 |
❏ Javascript - 내장 객체(built-in Object) ➋ (0) | 2022.11.12 |
❏ Javascript - 내장 객체(built-in Object) ➊ (1) | 2022.11.08 |
Comments