[JS] Built in Function

sireal·2024년 2월 15일
0

Frontend

목록 보기
14/15

fnPopup() 함수

  • alert(), prompt(), confirm() 함수를 사용하여 각각 알림창을 띄우고 사용자 입력을 받고 확인/취소 여부를 확인합니다.

<!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>
            function fnPopup(){

            window.alert("이것은 alert 입니다");
             
            let input = window.prompt("입력하세요 : ");
            document.write(input); 

            let choice = window.confirm("당신의 선택은 ?");
            if(choice === true)
                window.alert("확인을 선택했습니다");
            else
                window.alert("취소를 선택했습니다");
            }
        
    </script>
</head>

    <input type="button" value="alert test" onclick="fnPopup()"/>

</body>
</html>

fnEval1() 함수

  • eval() 함수를 사용하여 문자열로 된 수식을 실행하고 그 결과를 출력
<!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>
            function fnEval1(){
            let ex1 = "50 * 2 + 3";
            console.log(eval(ex1))
            }
    </script>
</head>

    <input type="button" value="eval1 test" onclick="fnEval1()"/><br><br>

</body>
</html>

fnEval2() 함수

  • eval() 함수를 사용하여 문자열로 된 JavaScript 코드를 실행합니다. 이는 보안 문제로 사용을 권장하지 않는 방법입니다.

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

            function fnEval2(){
            let ex2 = "window.alert('안녕'); document.write('hello');";
            console.log(eval(ex2));
            }
        
    </script>
</head>

    <input type="button" value="eval2 test" onclick="fnEval2()"/><br><br>

</body>
</html>

fnParse() 함수

  • parseInt()와 parseFloat() 함수를 사용하여 문자열을 정수 또는 부동 소수점 숫자로 변환합니다. 각각의 변환 결과를 출력합니다.
<!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>
          
            function fnParse(){
            let num1 ="33";
            let num2 ="22";
            console.log(num1+num2);
            console.log(parseInt(num1) + parseInt(num2));
            console.log(parseInt("33abc")+5);
            console.log(parseFloat("3.14")+5);
            }

    </script>
</head>

    <input type="button" value="parse test" onclick="fnParse()"/><br><br>

</body>
</html>

0개의 댓글