JS_형변환(실습)

DATA 분석 교육 과정 (2024.02~08)/JavasScript

JS_형변환(실습)

글로리아-89 2024. 4. 24. 18:36

728x90

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<script>
    // 실습
    // 사용자에게 입력받은 두개의 데이터를 더한 값을 console에 출력하기
    
    //1. 사용자에게 숫자를 입력받아 num1,num2에 저장
    let num1 = prompt("첫번째 숫자를 입력해주세요")
    let num2 = prompt("두번째 숫자를 입력해주세요")

    //2. 저장된 num1, num2 자료형이 연산 가능한지 상태인지 확인
    console.log(num1+typeof(num1) );
    console.log(num2+typeof(num2) );

    //3. 연산 가능한 상태로 변환 후 결과값을 console.log()로 출력
    let sum1 = parseInt(num1)+parseInt(num2)
    let sum2 = num1+num2
    console.log(sum1); // 더한 결과 값 출력
    console.log(sum2); //숫자 그대로 출력

    //  console.log("두 숫자를 더한 결과 :", num1+num2);  // 8, number
    console.log("두 숫자를 더한 결과 :"+num1+num2);  // 35, number->string
    console.log("두 숫자를 더한 결과 :"+ (num1+num2) );  // 8, number->연산->string

</script>
</body>
</html>

출처: 스마트인재개발원

728x90