본문 바로가기

자바스크립트8

[JavaScript] 가위바위보 게임 만들기 가위바위보 게임 → 컴퓨터와 가위바위보를 해서 몇 번 이겼는지 점수를 기록 1. 빠르게 돌아가는 가위바위보 그림 아래에 가위, 바위, 보 버튼을 클릭하여 컴퓨터와 승패를 가른다. 2. 버튼을 누르면 승부를 표시하기 위해 돌아가는 그림을 1초 동안 멈춘다. 📌 순서도 - 시작 → 0.05초마다 가위바위보 값을 바꾼다. → 값에 따라 그림을 바꾼다. → 대기 - 가위바위보 버튼 클릭 → 돌아가는 그림을 멈춘다. → 점수를 계산한다. → 점수를 표시한다. → 1초 후에 그림을 바꾼다. → 대기 📍 이미지 스프라이트(Image Sprite) 이미지가 가위, 바위, 보 3개 필요하나 합쳐져 있는 이미지를 사용한다. → 서버에 이미지를 요청하는 횟수를 줄일 수 있음(3번 → 1번) → 합쳐져 있는 이미지는 CSS와.. 2022. 6. 7.
Javascript 연습하기 (1) 미세먼지(IDEX_MVL)의 값이 40 미만인 구 이름(MSRSTE_NM)과 값을 출력하기 { MSRDT: "201912052100", MSRRGN_NM: "동남권", MSRSTE_NM: "강동구", PM10: 24, PM25: 14, O3: 0.016, NO2: 0.02, CO: 0.4, SO2: 0.002, IDEX_NM: "좋음", IDEX_MVL: 39, ARPLT_MAIN: "PM25", } 데이터는 위와 같이 되어있음! for (let i = 0; i < mise_list.length; i++) { let mise = mise_list[i]; if (mise["IDEX_MVL"] < 40) { let gu_name = mise["MSRSTE_NM"]; let gu_mise = mise[.. 2022. 1. 24.
Javascript 기초 문법 - 2 함수: 부르면 정해진 동작을 하는 것 // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); 👉 예시 function sum(num1, num2) { return num1+num2 } let result = sum(2, 3) result // 5 출력 조건문 // 20보다 작으면 청소년이에요, 크면 성인이에요 알려주는 함수 function is_adult(age){ if(age > 20){ alert('성인이에요') } else { alert('청소년이에요') } } is_adult(25) //'성인이에요' 출력 // AND 조건은 이렇게 function is_adult(age, sex){ if(age > 20 && sex ==.. 2022. 1. 24.
Javascript 기초 문법 - 1 ▪️ 변수: 값을 담는다. 변수 대입( a = 5 )의 의미: "오른쪽에 있는 것을 왼쪽에 넣는 것!" (5를 a라는 변수에 넣는다.) let으로 변수 선언 let num = 20 num = 'Garden' // 변수는 값을 저장하는 박스 // 한 번 선언했으면, 다시 선언하지 않고 값을 넣음 사칙연산, 문자열 더하기 가능 let a = 1 let b = 2 a+b // 3 a/b // 0.5 let first = 'Garden' let last = 'Yu' first+last // 'GardenYu' first+' '+last // 'Garden Yu' first+a // Garden1 -> 문자+숫자를 하면, 숫자를 문자로 바꾼 뒤 수행 자료형 - 리스트: 순서를 지킴 / [ ]로 씀 let a_li.. 2022. 1. 24.

티스토리툴바