* return
console창에 결과 값을 나타내는 것이 아닌
결과 값을 연계적으로 활용하기 위해서, 화면에 출력!!
console.log는 console 창에만 결과 보여준다.
return하면 function 작동 멈추고 결과 값을 주고 끝남!
| const calculator = { add: function (a, b) { return a + b; }, min: function (a, b) { return a - b; }, mul: function (a, b) { return a * b; }, div: function (a, b) { return a / b; }, squ: function (a, b) { return a ** b; //a의b제곱 }, }; const addResult = calculator.add(1, 2); const minResult = calculator.min(addResult,10); const mulResult = calculator.mul(10,minResult); console.log(mulResult); |
* prompt
화면에 창을 띄어 텍스트와 입력칸을 팝업
prompt("string", default);
---> prompt가 작동하는 동안 자바스크립트 작동이 멈추고, css 적용 불가능 비선호!
html, css로 사용자가 직접 만드는게 더 이쁨

* parseInt
string을 num로 바꿔주는 함수 //Number() 함수도있음
typeof 사용하면 type을 확인할 수 있음
prompt 팝업된 창에 15을 입력해도 string으로 인식 (string이 기본값)
| const age = parseInt(prompt("How old are you?")); console.log(age); //숫자를 입력하면 console창 숫자 출력, 문자를 입력하면 NaN 값 출력 //NaN (Not a Number) |
* if 조건문
isNaN(); = NaN or Not NaN 판별하여 boolean 값을 반환 (true, false)
else if 를 사용하여 여러 조건을 추가하여 사용할 수 있다.
| const age = parseInt(prompt("How old are you?")); if (isNaN(age)) { console.log("please write a number"); //true } else { console.log("Thank you for writing your age"); //false } //true=문자이면 "please write a number" 출력 false=숫자이면 "Thank you for witing your age" 출력 |
a && b 연산자 === a와b 중 둘다 true면 true, 하나라도 false면 false (and)
a || b 연산자 === a와 b 중 하나만 true면 true (or)
=== 연산자 === 비교해서 같은지 확인
ㄴ == 값만 같으면 true, === 값과 타입 모두 같을 때 true
ㄴ alert(1 == '1') //true, alert(1 === '1') //false
ㄴ always ===
!==연산자 === 비교해서 다른지 확인
| //음주가능 나이 판별 const age = parseInt(prompt("How old are you?")); if (isNaN(age) || age < 0) { console.log("please write a real positive number."); } else if (age < 18) { console.log("You are too young."); } else if (age >= 18 && age <= 50) { console.log("You can drink."); } else if (age > 50 && age <= 80) { console.log("You should exercies.") } else if (age === 100) { console.log("Wow you are wise"); } else if (age > 80) { console.log("You can do whatever you want."); } |
'프론트엔드 > javascript' 카테고리의 다른 글
| javascript (6) - click event, window event (0) | 2023.04.03 |
|---|---|
| javascript (5) - querySelector (0) | 2023.04.03 |
| javascript (3) - object, function 계산기만들기 (0) | 2023.03.30 |
| javascript (2) (0) | 2023.03.30 |
| javascript (1) (0) | 2023.03.30 |