alert

<!DOCTYPE html>
<body>
    <button id="btn" onclick="alertfunc()">button</button>
    <script>
        function alertfunc(){
            alert('hello!');
        }
    </script>
</body>
</html>

 

confirm

<!DOCTYPE html>
<body>
    <button id="btn" onclick="confirm_func()">button</button>
    <script>
        function confirm_func() {
            if(confirm('are you sure?')) {
                alert('yes');
            } else {
                alert('no');
            }
        }
    </script>
</body>
</html>

 

prompt

<!DOCTYPE html>
<body>
    <button id="btn" onclick="prompt_func()">button</button>
    <script>
        function prompt_func() {
            if(prompt('please write what you want to eat') == 'apple') {
                alert('oh here you are');
            } else {
                alert('have to buy other market');
            }
        }
    </script>
</body>
</html>

 

'WEB > Javascript' 카테고리의 다른 글

script.js:2 Uncaught TypeError: Cannot read properties of null (reading 'addEventListener')  (0) 2022.07.09
[Javascript] inline방식의 자바스크립트 코드의 문제점  (0) 2022.07.09
Native Script 란?  (0) 2021.08.14
JSON 이란?  (0) 2021.07.18
Promise 사용하기 (프로미스가 뭘까?)  (0) 2021.06.29

+ Recent posts

티스토리툴바