잇뉴얼 (IT_Manual)

[JavaScript] 자바스크립트 경고창 띄우기 본문

Coding/JavaScript

[JavaScript] 자바스크립트 경고창 띄우기

잇뉴얼 2022. 6. 3. 14:40
728x90
반응형

[JavaScript]  자바스크립트 경고창 띄우기


▶ 목표
웹페이지에서 버튼을 눌렀을 경우, 경고창의 띄우기
자바스크립트 코드 (HTML 내부 작성)
<head>
    <script>
        function alert_fun() {
            alert("버튼을 눌렀습니다.")
        }
    </script>
</head>

<head>태그안에 <script>태그를 작성 후, 자바스크립트 코드를 작성합니다. 자바스크립트안에 'alert_fun()'함수를 선언한 다음 웹페이지에서 '경고창'을 띄우기 위해 'alert(원하는 내용)'을 작성해줍니다.

HTML <button> 태그
<body>
    <button onclick="alert_fun()">버튼을 눌러주세요.</button>
</body>

<body>태그안에 <button>태그를 생성해줍니다. 코드를 보면, 'onclick'이 보이는데요. 'onclick'은 자바스크립트의 함수를 불러오는 역할을 하게됩니다.

 

반응형
Comments