JS_변수_입출력(실습)

DATA 분석 교육 과정 (2024.02~08)/JavasScript
JS_변수_입출력(실습)

글로리아-89 2024. 4. 24. 18:26
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>
 // 문제:
 // 사용자가 이름을 입력하면 
 // 알림 팝업창으로 출력하는 프로그램 구현하기 
 // 변수, prompt, alert 사용
 // [이름을 입력해주세요] > 팝업창: [안녕하세요 제 이름은 ~ 입니다. 반갑습니다.]
 
    // [순서]
    // 1. 사용자에게 입력받을 수 있는 입력기능 열기
    // 2. 입력받은 값을 활용할 수 있도록 담아두기
    // var name = prompt("이름을 입력하세요"); // 또는 
    let name = prompt("이름을 입력하세요");

    // 3. 알림팝업창 기능을 사용해서 사용자의 이름과 안내문을 한번에 출력
    alert("안녕하세요 제 이름은 "+ name +"입니다. 반갑습니다.");

// // 여러가지 데이터 출력방법
// //1. +사용
// alert("안녕하세요 제 이름은 "+ name +"입니다. 반갑습니다.");
// //2., 사용
// alert("안녕하세요 제 이름은 ", name ,"입니다. 반갑습니다.");
// //3. 템플릿문자열: 백틱`${변수데이터} `으로 전체를 묶음
// alert(`안녕하세요 제 이름은 ${name} 입니다. 반갑습니다.`);

let number = 10;
        // 1. + 사용
        console.log("제 이름은"+number+"입니다. 반갑습니다")
        // 2. , 사용
        console.log("제 이름은",number,"입니다. 반갑습니다")
        // 3. 템플릿문자열 => ${변수데이터}, 백틱``으로 전체를 묶음
        console.log(`제 이름은 ${number} 입니다. 반갑습니다`)

</script>

</body>
</html>
출처: 스마트인재개발원
728x90