728x90
게시판CRUD
Create
Read
Update
Delete
TodoList CRUD
Event(addEventLisnter) 중에 Submit
document
createElement()
append()
remove()
innerHTML
JAvascript Submit 발생되는 시점
Form에 있는 고유한 기능을 제거하고싶다.
``` <form method="get" acrion="./qq.html">
<input type="text" name="todoInput" id="todoInput">
<input type="submit" name="입력" >
```
javascript
window.addEventListener('DOMContentLoaded', init)
function init(){
const submitElement = document.querySelector('#todoSubmit')
const formElement = document.querySelector('#todoform')
submitElement.addEventListener('submit',submitHandler)
}
function submitHandler(e) {
console.log(e)
e.preventDefault()
console.log(`hello world`)
}
function ingoo (type, callback){
if(type == "submit"){
let text = callback()
return text
}
}
function callback(){
return "hello world!"
}
let result = ingoo('submit', callback)
console.log(result)
JAvascript Submit 발생되는 시점
Form에 있는 고유한 기능을 제거하고싶다.
/*
게시판CRUD
Create
Read
Update
Delete
TodoList CRUD
Event(addEventLisnter) 중에 Submit
document
createElement()
append()
remove()
innerHTML
window.addEventListener('DOMContentLoaded', init)
728x90
'Javascript' 카테고리의 다른 글
깊은 복사, 얕은 복사 (0) | 2022.01.19 |
---|---|
배열 문제 풀이 (0) | 2022.01.10 |