250x250
aaa222
a22aa22
aaa222
전체 방문자
오늘
어제
  • 분류 전체보기 (37)
    • AWS (1)
      • AWS (1)
    • HTML (6)
    • CSS (2)
    • Javascript (3)
    • node.js (19)
      • express (2)
      • node (4)
      • mysql (3)
      • JWT (1)
      • AJAX (1)
      • react (6)
      • redux (1)
      • next (1)
    • windows powershell (2)
      • wsl (1)
      • Ubuntu (0)
    • mac (2)
    • git github (2)
    • Cryptocurrencey (0)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • 코딩
  • VSCode
  • CODE
  • nodejs
  • 웹
  • CSS
  • REQ
  • HTML
  • 노드
  • NVM
  • JavaScript
  • res
  • npm
  • node.js
  • 웹개발
  • JS
  • Express
  • 코드
  • node
  • 개발자

최근 댓글

최근 글

티스토리

hELLO · Designed By 정상우.
aaa222

a22aa22

Javascript

todolist

2022. 1. 11. 13:52
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
    'Javascript' 카테고리의 다른 글
    • 깊은 복사, 얕은 복사
    • 배열 문제 풀이
    aaa222
    aaa222

    티스토리툴바