Coding/Java Script

[Java Script] 자바 스크립트 생성 후 개발자 코드 확인해보기

찡콩찡 2022. 3. 18. 10:19

* 비주얼 스튜디오 코드 작성 후 실행은 F5를 눌러주기! 

 

아래와 같이 개발자 코드를 보고 싶다면 오른쪽 세 개 점 버튼 > 도구 더보기> 개발자 도구

 

비주얼 스튜디오 코드에서 코드 작성 후, 오류 났을때는 F12 눌러 오류 확인하기

경고문을 클릭하면 아래와 같이 sources에서 자세하게 얘기해줌

 

 

예제1 > 몸무게가 50kg이상일 때, 정상 비정상 판별하기 

코드는 script안에서 쓰기

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
           var weight = prompt("당신의 몸무게는?", "0");
           if(weight >= 50) {
               document.write("당신은 과체중입니다.");
            } else {
                document.write("당신은 정상체중입니다.");
            }

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

결과>