오잉? - 확인 - ture


<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        let reply = confirm ('오잉?')
    </script>
</head>​

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

오잉 - 확인 - 빨강

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // alert('냐옹냐옹~')
        let reply = confirm ('오잉?')
    </script>
</head>
<body>
    <script>
            ↓ 조건문 : 만약 ~가 참이면 ~해라
            ↓ if(할일){조건}
        if(reply == true){document.querySelector('body').style.background = 'red'} → if (조건이 참인경우) {실행하시오.} 
    </script>
</body>
</html>

 

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

오잉 - 취소 - 블루

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // alert('냐옹냐옹~')
        let reply = confirm ('오잉?')
    </script>
</head>
<body>
    <script>
            ↓ 조건문 : 만약 ~가 참이면 ~해라
            ↓ if(할일){조건}
        if(reply == true){document.querySelector('body').style.background = 'red'} → if (조건이 참인경우) {실행하시오.}
        else {document.querySelector('body').style.background = 'blue'}
    </script>
</body>
</html>

 

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

둘리를 입력하면, 방가방가가 나옴.

<body>
    <h1>자바스크립트</h1>
    <script>
        //  // alert('냐옹냐옹~')
        // let reply = confirm ('오잉?')

        //     // 조건문 : 만약 ~가 참이면 ~해라
        //     // if(할일){조건}
        // if(reply == true){document.querySelector('body').style.background = 'red'}
        // else {document.querySelector('body').style.background = 'blue'}

        let name = prompt('이름을 입력하삼', '예)고길동') ★ 글자는 무조건 '', ""으로 감싸기 ★
        if (name == '둘리') {document.body.innerHTML = '<h1>방가1</h1>'}
    </script>
</body>
</html>

 

 

⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯

 

또치 → 접근 불가, 도우너 → 너도 접근 불가

 

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>자바스크립트</h1>
    <script>
        //  // alert('냐옹냐옹~')
        // let reply = confirm ('오잉?')

        //     // 조건문 : 만약 ~가 참이면 ~해라
        //     // if(할일){조건}
        // if(reply == true){document.querySelector('body').style.background = 'red'}
        // else {document.querySelector('body').style.background = 'blue'}

        let name = prompt('이름을 입력하삼', '예)고길동')
        if (name == '둘리') {document.body.innerHTML('방가방가')}
        else if (name == '또치' ){document.body.innerHTML ('접근불가')}
        else {document.body.innerHTML ('너도접근불가')}
        
    </script>
</body>
</html>

 

 

AI 활용 설정
사진 설명을 입력하세요.

오잉? - 확인 - ture
AI 활용 설정
사진 설명을 입력하세요.

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        let reply = confirm ('오잉?')
    </script>
</head>
오잉 - 확인 - 빨강
AI 활용 설정
사진 설명을 입력하세요.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // alert('냐옹냐옹~')
        let reply = confirm ('오잉?')
    </script>
</head>
<body>
    <script>
            ↓ 조건문 : 만약 ~가 참이면 ~해라
            ↓ if(할일){조건}
        if(reply == true){document.querySelector('body').style.background = 'red'} → if (조건이 참인경우) {실행하시오.} 
    </script>
</body>
</html>

오잉 - 취소 - 블루
AI 활용 설정
사진 설명을 입력하세요.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        // alert('냐옹냐옹~')
        let reply = confirm ('오잉?')
    </script>
</head>
<body>
    <script>
            ↓ 조건문 : 만약 ~가 참이면 ~해라
            ↓ if(할일){조건}
        if(reply == true){document.querySelector('body').style.background = 'red'} → if (조건이 참인경우) {실행하시오.}
        else {document.querySelector('body').style.background = 'blue'}
    </script>
</body>
</html>
둘리를 입력하면, 방가방가가 나옴.
AI 활용 설정
사진 설명을 입력하세요.
<body>
    <h1>자바스크립트</h1>
    <script>
        //  // alert('냐옹냐옹~')
        // let reply = confirm ('오잉?')

        //     // 조건문 : 만약 ~가 참이면 ~해라
        //     // if(할일){조건}
        // if(reply == true){document.querySelector('body').style.background = 'red'}
        // else {document.querySelector('body').style.background = 'blue'}

        let name = prompt('이름을 입력하삼', '예)고길동') ★ 글자는 무조건 '', ""으로 감싸기 ★
        if (name == '둘리') {document.body.innerHTML = '<h1>방가1</h1>'}
    </script>
</body>
</html>

또치 → 접근 불가, 도우너 → 너도 접근 불가
AI 활용 설정
사진 설명을 입력하세요.
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>자바스크립트</h1>
    <script>
        //  // alert('냐옹냐옹~')
        // let reply = confirm ('오잉?')

        //     // 조건문 : 만약 ~가 참이면 ~해라
        //     // if(할일){조건}
        // if(reply == true){document.querySelector('body').style.background = 'red'}
        // else {document.querySelector('body').style.background = 'blue'}

        let name = prompt('이름을 입력하삼', '예)고길동')
        if (name == '둘리') {document.body.innerHTML('방가방가')}
        else if (name == '또치' ){document.body.innerHTML ('접근불가')}
        else {document.body.innerHTML ('너도접근불가')}
        
    </script>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //  // alert('냐옹냐옹~')
        // let reply = confirm ('오잉?')

        //     // 조건문 : 만약 ~가 참이면 ~해라
        //     // if(할일){조건}
        // if(reply == true){document.querySelector('body').style.background = 'red'}
        // else {document.querySelector('body').style.background = 'blue'}

        let name = prompt('이름을 입력하삼', '예)고길동')
        if (name == '둘리') {document.write('방가방가')} 
        ★ 화면에 글씨 안쓰고 확인 할 수 있음. document.write 사용하고 f12를 통해 콘솔로 접근 ★
        else if (name == '또치' ){document.write ('접근불가')}
        else {document.write ('너도접근불가')}
        
    </script>
</body>
</html>

'web design' 카테고리의 다른 글

04.24 - javascript 연습하기  (0) 2026.05.30
04.23 - holo (팀플)  (0) 2026.05.30
04.22 - 반응형 웹 만들기  (0) 2026.05.29
04.22 - holo (팀플)  (0) 2026.05.29
04.21 - html 애니메이션  (0) 2026.05.29