본문 바로가기

프론트엔드/javascript

javascript (4)

* 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" 출력

&& 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