<body>
        <button type="button" id="btn">클릭</button>
        <form>
            <input type="text" id="input" />
            <!-- form안에 있는 클릭을 누르면 전송이 되는게 기본값  -->
            <button id="default">클릭</button>
        </form>
        <script src="index.js"></script>
    </body>
const def = document.getElementById('default');

//preventDefault()
def.addEventListener('click', function (e) {
    e.preventDefault(); //클릭을 눌렀을때 전송을 막는 event
    //원래 form안에 있는 버튼에 타입을 정하지 않으면 전송됐는데 이걸 통해서 전송을 막았음
    console.log(this);
    this.textContent = '클릭함'; //나 자신을 바꿔버림
});

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.